react-native-rncheckbox

react-native-checkbox

react-native-rncheckbox

一个checkbox，可以进行自定义，提供多种效果

install

$ npm i react-native-rncheckbox --svae

OR

$ yarn add react-native-rncheckbox --save

todo:

1. 实现风格化
2. 实现背景自定义

props

Prop	Type	Optional	Default	Description
isChecked	bool	Yes	false	是否选中状态.
onClick	func	require	null	点击回调
unCheckedImage	resource	Yes		未选中图标
checkedImag	resource	Yes		选中图标
leftText	string	Yes	''	左边文字，如果有的话，图标在右边
rightText	string	Yes	''	右边文字，如果有的话，图标在左边
leftTextStyle	Text.propTypes.style	Yes		左边文字样式
rightTextView	Text.propTypes.style	Yes		右边文字样式
leftTextView	React.PropTypes.element	Yes		自定义左边文字view
rightTextView	React.PropTypes.element	Yes		自定义右边文字view

USE

<CheckBox
  style={{flex: 1, padding: 10}}
  onClick={()=>this.onClick()}
  isChecked={true}
  rightText={'我是checkbox'}
/>