Installation

Add the dependency:

npm i react-native-animated-radio-button-group

Peer Dependencies

IMPORTANT! You need install them

"@freakycoder/react-native-bounceable": ">= 0.2.5",
"react-native-animated-radio-button": ">= 0.0.4"

Usage

Import

import RadioButtonGroup from "react-native-animated-radio-button-group";

Usage

Data is just an example, you can customize each radio button with data itself. Example; you can set fontSize, innerColor, outerColor for each of them. They take all props which is available on React Native Animated Radio Button.

const data = [
  { id: 0, text: "Cinema", color: "#FF0004", size: 25 },
  { id: 1, text: "Theatre", color: "#FB4009", size: 25 },
  { id: 2, text: "Gaming", color: "#F6800F", size: 25 },
  { id: 3, text: "Travelling", color: "#F4A012", size: 25 },
  { id: 4, text: "Sport", color: "#F0E017", size: 25 },
];

<RadioButtonGroup initial={2} data={data} onChange={(item) => setItem(item)} />;

Configuration - Props

| Property | Type | Default | Description | | -------- | :----------: | :-------: | ------------------------------------------------------------------------------------ | | initial | number | 0 | default selection of the radio button group | | data | Object Array | null | creates and customize each radio button for the group | | onChange | function | undefined | you can make your business logic or get the selection of the data from this function | | onPress | function | undefined | onPress function for each of them |

Future Plans

• [x] ~~LICENSE~~
• [ ] TypeScript Challenge!
• [ ] Write an article about the lib on Medium

Change Log

Change log will be here !

Author

FreakyCoder, [email protected]

License

React Native Animated Radio Button Group is available under the MIT license. See the LICENSE file for more info.