Reactnative 如何为 Picker 提供默认的Please select...选项

发布于02月11日

我想让我的 Select 器在启动时显示一个"默认选项".这意味着:"请 Select 一个选项".

我试着用这个短语手动添加一个选项，但是，通过这种方式，在 Select 其他选项后可以重新 Select "默认选项"，就像它是一个实物选项一样.有办法吗？

<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>

推荐答案

您可以向HandleChange选项添加一个条件，使其仅在值不是0(Please select an option... Select 器)时设置状态.比如:

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>