美文网首页
react-native-flexi-radio-butto

react-native-flexi-radio-butto

作者: 泚埖潙誰閞 | 来源:发表于2017-07-05 14:34 被阅读0次

    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, 如果有哪位大牛知道别的方法修改样式,请告诉我

    相关文章

      网友评论

          本文标题:react-native-flexi-radio-butto

          本文链接:https://www.haomeiwen.com/subject/vlqqhxtx.html