react-native-radio-group

React native radio group component

Install :

npm install --save react-native-radio-group

Example 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. [email protected]