1.0.3 • Published 7 years ago
react-native-radio-group v1.0.3
react-native-radio-group
React native radio group component
Install :
npm install --save react-native-radio-groupExample usage :
import RadioGroup from 'react-native-radio-group'
<RadioGroup
callback={(selected) => { console.log(selected) }}
iconColor={"#00a2dd"}
iconSize={30}
checkedIcon="ios-radio-button-on-outline"
uncheckedIcon="ios-radio-button-off-outline"
radios={[
{
label: "first", // label for checkbox item
value: 1, // selected value for item, if selected, what value should be sent?
selected: true // if the item is selected by default or not.
},
{
label: "second",
value: 2
},
]}
labelStyle={{
color: '#333'
}}
rowStyle={{
flexDirection: 'row'
}}
rowDirection={"column"}
/>
Props:
| Prop | Type | Description |
|---|---|---|
| callback | Function | whenever user selects or changes selections it will be called. |
| iconColor | String | icon color for checked/unchecked icons and search icon also border color of search bar |
| iconSize | Integer | icon size for checked/unchecked icons |
| checkedIcon | String | selected/checked icon name (react-native-vector-icons/Ionicon) |
| uncheckedIcon | String | unselected/unchecked icon name (react-native-vector-icons/Ionicon) |
| radios | Object | checkboxes. see the example. |
| labelStyle | Object | styles for checkbox label |
| rowStyle | Object | styles for each checkbox |
| rowDirection | String | column or row. how to list checkboxes |
Author:
Ata S.Mohammadi. ataomega@gmail.com