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'}
/>