1.0.0 • Published 3 years ago
react-native-animated-radio-button-group v1.0.0
Installation
Add the dependency:
npm i react-native-animated-radio-button-groupPeer 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
LICENSE- TypeScript Challenge!
- Write an article about the lib on Medium
Change Log
Change log will be here !
Author
FreakyCoder, kurayogun@gmail.com
License
React Native Animated Radio Button Group is available under the MIT license. See the LICENSE file for more info.