Question

我正在研究一个本机组件，它有一个包含不同列表项的列表视图。 ListItems点击按钮，它应显示反应性的选择器视图。现在一切正常，除了当我试图从选择器中选择任何东西时，选择器重置它的值。

不确定它是否是因为Listview，renderRow或其他东西。

任何帮助将不胜感激。感谢

代码段： -

render() {
    console.log('*** Rendeer called ***');
    return (
        <View style={styles.containerFullScreen}>
          <ListView dataSource={this.state.dataSource}
            renderRow={this.renderRow}
            renderSectionHeader={this.renderSectionHeader}>
          </ListView>

        <Picker
         mode="dropdown">
          <Picker.Item label="Java" value="java" />
          <Picker.Item label="JavaScript" value="js" />
          <Picker.Item label="Swift" value="swift" />
        </Picker>


          <TouchableHighlight
            activeOpacity={0.6}
            underlayColor={'transparent'}
            style = {styles.continueBtn}
            onPress={() => this.continueBtnAction()}>
            <Text style={styles.continueBtnText}>CONTINUE</Text>
         </TouchableHighlight>
        </View>
    );

Answer 1

您需要收听onValueChange并传递selectedValue 道具。

检查选择器文档https://facebook.github.io/react-native/docs/picker.html#picker

ReactNative选择器值会在选择

1 个答案: