react-native-checkbox
react-native-rncheckbox
一个checkbox,可以进行自定义,提供多种效果
install
$ npm i react-native-rncheckbox --svae
OR
$ yarn add react-native-rncheckbox --save
todo:
- 实现风格化
- 实现背景自定义
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 isChecked=true rightText='我是checkbox'/>