react-native 单选框组件react-native-flexi-radio-button的学习已使用
在Rn开发中用到单选框的选择问题,本来准备用控制状态写,可感觉代码过于繁琐,就使用了组件,
参考的github的:https://github.com/thegamenicorus/react-native-flexi-radio-button
具体使用
1:npm i react-native-flexi-radio-button --save
2: import {RadioGroup, RadioButton} from 'react-native-flexi-radio-button'
3:点击方法
onSelect(index, value){ this.setState({text: ${value}
(php的语法) })}
4:
<RadioGroup style={{}} onSelect={(index, value) => this.onSelect(index, value)} >
<RadioButton style={{}} value={'我不想买了'} >
<Text style={{ fontSize: toDipsWidth(28) }}>不想买了</Text>
</RadioButton>
<RadioButton value={'信息填写错误,重新拍'}>
<Text style={{ fontSize: toDipsWidth(28) }}>信息错误</Text>
</RadioButton>
<RadioButton value={'卖家缺货'}>
<Text style={{ fontSize: toDipsWidth(28) }}>卖家缺货</Text>
</RadioButton>
<RadioButton value={'其他原因'}>
<Text style={{ fontSize: toDipsWidth(28) }}>其他原因</Text>
</RadioButton>
</RadioGroup>
补充
因为组件的样式是圆点在左边,我要的样式是在右边,我没找到相关的属性,所以修改的原生的demo,而且在demo中flexDirection属性只可以有row,row- reverse,column,column-reverse, 如果有哪位大牛知道别的方法修改样式,请告诉我
网友评论