React Native Check BoxReact Native 的复选框组件
React Native Check Box,这是一款方便易用的Check Box组件,支持 Android 和 iOS。
安装:
npm i react-native-check-box --save import CheckBox from 'react-native-check-box'
运行效果:
基本用法:
<CheckBox style={{flex: 1, padding: 10}} onClick={()=>this.onClick(data)} isChecked={data.checked} leftText={leftText} />;
自定义复选框:
renderCheckBox(data) { var leftText = data.name; return ( <CheckBox style={{flex: 1, padding: 10}} onClick={()=>this.onClick(data)} isChecked={data.checked} leftText={leftText} 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}/>} />); }
评论