react-native-checkbox-touch-events

Checkbox component for React native with onPressIn and onPressOut events.

Installation:

Install the component through npm using:

npm install react-native-checkbox-touch-events --save

Example:

import CheckBox from 'react-native-checkbox-touch-events';
 
<CheckBox
  label='Label'
  checked={true}
  onChange={(checked) => console.log('I am checked', checked)}
  onPressIn={pressIn}
  onPressOut={pressOut}
/>

Props:

• label : text that will be displayed along the checkbox
• labelBefore : position the label before the checkbox (boolean). The default value is false
• labelStyle : style object that will be applied to the label
• checked : initial checked value
• checkedImage: checked image (e.g.: require('PATH_TO_IMAGE'))
• checkboxStyle : style object that will be applied to the checkbox
• uncheckedImage: unchecked image (e.g.: require('PATH_TO_IMAGE'))
• onChange : callback function that will be invoked with the toggled checked property as argument.
• containerStyle : style object that will be applied to the container
• underlayColor : style the touchable component underlay color