Question

您好，我是新加入的React Native。我需要一个在平面列表中具有无线电格式的解决方案。因此，将有与平面列表行渲染相同数量的无线电形式。我想设置状态以响应本机onpress功能。因为我可以获取radioform的状态值，但是我想明智地使用索引。因此，如何为Radioform设置状态索引明智。这是我在列表中的Radioform代码。

 <RadioForm
            animation={true}
            buttonColor={"#C2E3A9"}
            index={index}
            formHorizontal={true}
            labelHorizontal={true}
            buttonStyle={{ marginRight: 20 }}
            radioStyle={{ paddingRight: 20 }}
            //  labelHorizontal={false}
            style={styles.radiostyle}
            radio_props={radio_props}
            initial={this.state.typeofattendance[1]}
            isSelected = {true}

            **onPress={value => {this.setState({ typeofattendance: value});

              }**
            }
            ItemSeparatorComponent={this.renderSeparator}
          />

Answer 1

也许您可以在FlatList的renderItem中添加索引

renderItem = ({item, index}) => {       
    return(   
        <View>
           <RadioForm
            animation={true}
            buttonColor={"#C2E3A9"}
            index={index}
            formHorizontal={true}
            labelHorizontal={true}
            buttonStyle={{ marginRight: 20 }}
            radioStyle={{ paddingRight: 20 }}
            //  labelHorizontal={false}
            style={styles.radiostyle}
            radio_props={radio_props}
            initial={this.state.typeofattendance[1]}
            isSelected = {true}

            **onPress={value => {this.setState({ typeofattendance: value, index: index
});

              }**
            }
            ItemSeparatorComponent={this.renderSeparator}
          />
        </View>
      );
  }

在本机反应中对Radioform进行索引明智的Setstate onpress功能

1 个答案: