React Native Checkbox: Add Checkbox to Your React Native App

react-native-checkbox

Checkbox component for React native

Installation:

Install the component through npm using:

npm install react-native-checkbox --save

Example:

import CheckBox from 'react-native-checkbox';

<CheckBox
  label='Label'
  checked={true}
  onChange={(checked) => console.log('I am checked', checked)}
/>

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
• accessible : indicates whether view is an accessible element
• accessibilityLabel : maps to content description / label for Android automation
• testID : maps to id / name for iOS automation

.gitignore

# Logs
logs
*.log

# Runtime data
pids
*.pid
*.seed

# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov

# Coverage directory used by tools like istanbul
coverage

# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
.grunt

# node-waf configuration
.lock-wscript

# Compiled binary addons (http://nodejs.org/api/addons.html)
build/Release

# Dependency directory
# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
node_modules

# vim
*.sw*

# osx
.DS_Store

Download details:

Author: sconxu
Source: https://github.com/sconxu/react-native-checkbox

#react-native #react