1.0.0 • Published 5 years ago
react-native-checkbox-cus v1.0.0
react-native-checkbox-cus
勾选框
安装
npm i --save react-native-checkbox-cus
展示
使用
import CheckBox from "react-native-checkbox-cus";
<CheckBox
style={{flex: 1, padding: 10}}
onClick={(isChecked)=>{
}}
leftText={"CheckBox"}
/>
<CheckBox
style={{flex: 1, padding: 10}}
onClick={(isChecked)=>{
this.setState({
isChecked:!isChecked
})
}}
isChecked={this.state.isChecked}
checkedImage={<Image source={require('../../page/my/img/ic_check_box.png')} style={this.props.theme.styles.tabBarSelectedIcon}/>}
unCheckedImage={<Image source={require('../../page/my/img/ic_check_box_outline_blank.png')} style={this.props.theme.styles.tabBarSelectedIcon}/>}
/>
API
属性 | 类型 | 可选 | 默认值 | 描述 |
---|---|---|---|---|
style | ViewPropTypes.style | true | Custom style checkbox | |
leftText | PropTypes.string | true | Custom left Text | |
leftTextStyle | Text.propTypes.style | true | Custom left Text style | |
rightText | PropTypes.string | true | Custom right Text | |
rightTextView | PropTypes.element | true | Custom right TextView | |
rightTextStyle | Text.propTypes.style | true | Custom right Text style | |
checkedImage | PropTypes.element | true | Default image | Custom checked Image |
unCheckedImage | PropTypes.element | true | Default image | Custom unchecked Image |
isChecked | PropTypes.bool | false | false | checkbox checked state |
onClick | PropTypes.func.isRequired | false | callback function | |
disabled | PropTypes.bool | true | false | Disable the checkbox button |
checkBoxColor | PropTypes.string | true | Tint color of the checkbox image (this props is for both checked and unchecked state) | |
checkedCheckBoxColor | PropTypes.string | true | Tint color of the checked state checkbox image (this prop will override value of checkBoxColor for checked state) | |
uncheckedCheckBoxColor | PropTypes.string | true | Tint color of the unchecked state checkbox image (this prop will override value of checkBoxColor for unchecked state) |
欢迎交流
欢迎提问交流;若有bug,请添加bug截图或代码片段,以便更快更好的解决问题。 欢迎大家一起交流
我的博客
1.0.0
5 years ago