微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

React Native Check Box React Native 的复选框组件

程序名称:React Native Check Box

授权协议: MIT

操作系统: Android

开发语言: JavaScript

React Native Check Box 介绍

@H_502_0@

@H_502_0@React Native Check Box,这是一款方便易用的Check Box组件,支持 Android 和 iOS。

@H_502_0@安装:

npm i react-native-check-Box --save
import CheckBox from 'react-native-check-Box'
@H_502_0@运行效果

@H_502_0@

@H_502_0@基本用法

 <CheckBox
     style={{flex: 1, padding: 10}}
     onClick={()=>this.onClick(data)}
     isChecked={data.checked}
     leftText={leftText} />;
@H_502_0@自定义复选框:

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}/>}
        />);
}

React Native Check Box 官网

https://github.com/crazycodeboy/react-native-check-box

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐