react-native自定义单选框组件
来源:互联网 发布:js urldecode 编辑:程序博客网 时间:2024/06/05 23:08
http://www.jianshu.com/p/285a99686606
下载:
npm i react-native-radio-master --save
使用:
import RadioModal from 'react-native-radio-master';
代码:
效果展示:
传数据方式:
1:使用 dataOption={datas} 属性;(options此时是必须设置的 id对应数组对象中唯一标识的名字id或者index value:对象中代表文字信息的名字 disabled:默认是否被选中可不填写)
<RadioModal dataOption={datas} options={{id:'selecteId',value:'content',disabled:'selected'}} />
2:在RadinModal中直接添加Text组件
<RadioModal>
<Text value={0}>选项1</Text>
<Text value={0}>选项2</Text>
......
</RadioModal>
自定义属性:
innerStyle:定义按钮的样式(宽度背景色等)
txtColor:定义按钮文字样式
noneColor:定义不可点击按钮文字样式
seledImg:被选中图片链接
selImg:默认图片链接
selnoneImg:不可用图片链接
style:按钮组样式 可定义是否换行等
事件:
onValueChange={(id,item) => this.setState({initId: id,initItem:item})} //return id(Unique identification) item(Text content)
返回参数 id:唯一标识 item:文字信息
github地址:
https://github.com/antiantian/radio
- react-native自定义单选框组件
- react-native 自定义组件
- React Native自定义BadgeView组件
- React-Native引用自定义组件
- react native 自定义基础组件
- React Native自定义标题栏组件
- React Native 添加自定义UI组件
- Android React Native自定义组件的流程
- React Native学习之自定义一个组件
- React-native自定义安卓组件
- React-Native 中自定义checkbox组件
- React-Native 中自定义checkbox组件
- React-Native引用自定义组件类
- 自定义 React Native 二维码扫描组件
- React native自定义组件之Button按钮
- React Native 篇之 自定义组件、引入组件、页面跳转
- React Native -20.React Native 自定义组件(跨文件,类似创建一个类)
- React-Native系列Android——自定义View组件开发
- Maven
- Unity3D代码及效率优化总结
- 【Java学习笔记】13:查漏补缺1
- 2.一些利用循环的简单算法
- 模拟地与数字地详解
- react-native自定义单选框组件
- java.util.Properties类 操作
- linux系统下使用xampp 丢失mysql root密码【xampp的初始密码为空】
- Discuz!电脑版、手机版去除标题title中的Powered by Discuz!
- EM算法及高斯混合模型(含Mathematica实现代码)
- Unity3D学习:射箭打靶游戏
- ubuntu 16.04 安装 cuda 8 toolkit 及 cudnn 5.0
- web开发-邮件编写HTML网页正常显示实现方法-学习笔记八
- FloatingActionButton自定义滑动动画,只隐藏不显示解决方案