onPress上picker.item關閉下拉菜單- react-native

Question

我有一個下拉列表，我正在使用 react-native 選擇器組件。 一切正常，問題是當用戶按下任何選擇器項目時我需要關閉下拉列表

        this.state.list.map((obj, index) => {
           return (
            <Picker.Item key={index} label={obj.label} value={obj.value} />
          ); 

選擇器只為我們提供 onValueChange 道具，但我需要單獨為任何選擇器項目提供 onPress 功能以關閉下拉列表。

我也試過這個

          this.state.list.map((obj, index) => {
          return (
            <TouchableWithoutFeedback onPress={this.itemPressHandler}>
                <Picker.Item key={index} label={obj.label} value={obj.value} />
            </TouchableWithoutFeedback>

          ); 

但它不會呈現下拉菜單。

有沒有辦法獲得這個功能？

Answer 1

根據文檔。

<Picker
    selectedValue={this.state.valueSelected}
    onValueChange={(itemValue, itemIndex) => {
         this.handlePickerValueChange(itemValue, itemIndex)
    }
    mode={'dialog'} // optional
>
    this.state.list.map((obj, index) => {
       return (
        <Picker.Item key={index} label={obj.label} value={obj.value} />
      );
    });
</Picker>

在 state 中設置默認選擇值

state={
    valueSelected: "Choose a value"
}

當用戶選擇不同的選項時處理更改

handlePickerValueChange = (itemValue, itemIndex) => {
   //do your stuff
}