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

MIT
JavaScript 查看源码»
Android
2016-09-07
局长

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}/>}
        />);
}
的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

react-native启动开发常见错误(持续更新)

1. debug error: make directory ... File exists error: make directory /Users/mobilewise/Library/Developer/Xcode/DerivedData/MCDM-epoyegaizqaljifbmfuxvovvwxqn/Build/Products/Debug...

2018/11/23 14:27
14
0
react-native android学习-开发环境(windows10)

react是当前最热门的前端框架之一,react-native也成为hybird app首选解决方案。 又是一大波经验袭来

2016/04/22 10:52
136
1
React-Native学习资源

React-Native学习资源 目录 教程 React Native React.js ES6 系列教程 kai源APP 组件 工具 资源网站 业界讨论 教程 React Native React-Native专题系列文章不断更新ing(入门,组件,Api,kai源项...

2016/03/29 10:26
125
1
React.js Best Practices for 2016

React.js Best Practices for 2016

2016/04/20 17:09
7
1
react native 0.56.0

0.56.0 更新日志 能力有限,如有问题,请包涵(哈哈)原文请点击 欢迎 React Native 2018年6月份正式版的发布,超过53位捐献者提供797次提交,非常感谢你们每一位。 在您阅读本文的此刻,这个...

2018/07/17 14:39
75
0
React Native for Android 官方文档中文版(最新)全国首发

Facebook 于 2015 年 9 月 15 日发布了 React Native for Android, 把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台--Android。极客学院 Wiki 团队(http://wiki.ji...

2015/09/18 14:26
205
1
React JS和React-Native新手学习指南

自己在学习React-Native过程中整理的一份学习指南,包含 教程、开源app和资源网站等,还在不断更新中。欢迎pull requests! React-Native学习指南 本指南汇集React-Native各类学习资源,给大...

2018/10/12 19:54
4
0
iOS开发者对于React Native的看法(CLM)

>当我第一次尝试ReactNative的时候,我觉得这只是网页开发者涉足原生移动应用领域的歪门邪道< React 范例 在React中,所有UI的组件都被放置在render()方法中,并且被state状态控制。你的r...

2016/06/18 11:37
6
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部