Awesome

React Native BEMCheckbox

React Native bridge for awesome BEMCheckBox

iOS Only

Preview

npm install --save react-native-bem-check-box

Link your library by one of those ways: either by using rnpm link (see more about rnpm here) or like it's described here.
Inside your code include JS part by adding

import BEMCheckBox from 'react-native-bem-check-box';

You can run built-in example via few simple steps:

import BEMCheckBox from 'react-native-bem-check-box';

<BEMCheckBox
  onValueChange={value => this.setState(value)}
/>

Check this section in BEMCheckBox document

value (boolean) - The current state. Defaults to false
lineWidth (number) - The width of the lines of the check mark and box. Defaults to 2.0
hideBox (boolean) - boolean to control if the box should be hidden or not. Setting this property to true will basically turn the checkbox into a check mark. Defaults to false
boxType (string) - The type of box to use. Defaults to circle
- circle
- square
tintColor (string) - The color of the line around the box when it is Off. Defaults to #aaaaaa
onCheckColor (string) - The color of the check mark when it is On. Defaults to #007aff
onFillColor (string) - The color of the inside of the box when it is On. Defaults to transparent
onTintColor (string) - The color of the line around the box when it is On. Defaults to #007aff
animationDuration (number) - The duration in seconds of the animations. Defaults to 0.5
onAnimationType/offAnimationType (string) - The type of animation to use when the checkbox gets checked/unchecked. Defaults to stroke
- stroke
- fill
- bounce
- flat
- one-stroke
- fade
onValueChange (function) - every time the check box gets tapped, after its properties are updated, but before the animations are completed.
onAnimationEnd (function) - every time the check box finishes being animated.