react-native 單選框組件react-native-flexi-radio-button的學習已使用
在Rn開發(fā)中用到單選框的選擇問題,本來準備用控制狀態(tài)寫效拭,可感覺代碼過于繁瑣蹦浦,就使用了組件三妈,
參考的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>
補充
因為組件的樣式是圓點在左邊,我要的樣式是在右邊寝杖,我沒找到相關(guān)的屬性酬凳,所以修改的原生的demo,而且在demo中flexDirection屬性只可以有row红柱,row- reverse承匣,column,column-reverse锤悄, 如果有哪位大牛知道別的方法修改樣式韧骗,請告訴我