react-native-checkbox-group
React native checkbox group component
Install :
npm install --save react-native-checkbox-group
Example usage :
<CheckboxGroup callback= { console } iconColor="#00a2dd" iconSize=30 checkedIcon="ios-checkbox-outline" uncheckedIcon="ios-square-outline" checkboxes= 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) |
checkboxes | 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