ReactNative 选择器值在选择时重置

Question

我正在开发一个 React Native 组件，它有一个包含不同列表项的列表视图。 ListItems 有按钮，点击它应该显示一个 reactnative pickerview 。 现在一切正常，除了当我尝试从选择器中选择任何东西时选择器重置其值。

不确定是因为 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道具。

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