npm

Join us for the upcoming webinar, "Enterprise JavaScript done right: the tools you love, the security you need."Sign up here »

react-native-radio-group

1.0.3 • Public • Published

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"}
            />

react-native-radio-group

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

install

npm i react-native-radio-group

Downloadsweekly downloads

2

version

1.0.3

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability