如何为Picker提供默认的“请选择...”选项？

  • Z时代
  • 2024-01-10
  • 分类：问答

我想让我的选择器在启动时显示“默认选项”。这意味着：类似“请选择一个选项”。

我尝试使用此短语手动添加一个选项，但是，这样可以在选择其他选项后重新选择“默认选项”，就像它是真正的选项之一一样。有什么方法可以做到这一点？

<View style={Styles.row}>
            <Picker
                selectedValue={this.state.initialOption}
                onValueChange={this.handleChangeOption}
                prompt='Options'}
              >
              <Picker.Item label='Please select an option...' value='0' />
              <Picker.Item label='option 1' value='1' />
              <Picker.Item label='option 2' value='2' />
            </Picker>
</View>

回答：

您可以将条件添加到handleChangeOption中，以便仅在值不为0（Please select an

option...选择器）时设置状态。就像是：

handleChangeOption(val) {
  if (val !== 0) {
    this.setState({selectedValue: val});
  }
}
...
<View style={Styles.row}>
            <Picker
                selectedValue={this.state.selectedValue}
                onValueChange={this.handleChangeOption}
                prompt='Options'}
              >
              <Picker.Item label='Please select an option...' value='0' />
              <Picker.Item label='option 1' value='1' />
              <Picker.Item label='option 2' value='2' />
            </Picker>
</View>

以上是 如何为Picker提供默认的“请选择...”选项？ 的全部内容， 来源链接： utcz.com/qa/433400.html

回到顶部