1.1.2 • Published 7 years ago
react-native-rncheckbox v1.1.2
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'}
/>