取消选择单选按钮

时间:2017-09-28 06:51:18

标签: javascript react-native

我正在使用react-native-flexi-radio-button,它一切正常。但我有一个它在ListView中显示的动态数据。一旦我在ListView中选择了一个选项,那么索引值将被更改。在我必须选择另一个选项之后,索引值将被更改,但单选按钮将处于多个选定模式。 这是模块链接:enter link description here 这是我的代码:

onSelect(index, value){
  this.setState({
    index:index,
    value:value
  },()=>{
    this.setState({
      text:'Selected index:'+this.state.index+' , value: '+this.state.value
    })
  })
}

listRow(list, sectionID:number, rowID:number){
  var attributes=[];
  list.options.map((list,i)=>{
    attributes.push(
       <View style={styles.listOfAttributesView}>
        <View style={styles.dataRowAttributesView}>
         <RadioGroup
                onSelect = {(index, value) => this.onSelect(index, value)}
                color={'black'}
                size={20}
                thickness ={2}>

                <RadioButton value={list} >
                  <Text>{list}</Text>
                </RadioButton>
              </RadioGroup>
              <Text>{this.state.text}</Text>
       </View>
       </View>
     )
   })
  return(
    <View>
      {attributes}
    </View>
  )
}

这是我的截图: enter image description here

请给我建议。谢谢你

0 个答案:

没有答案