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