react-native - 我如何在 React Native 中隐藏 Picker 的第一个 Picker Item？

Question

这是我的示例代码，在 Android 中我无法第一次选择第一个 Picker Item，我创建了一个虚拟项目所以我需要隐藏第一个字段。

<Picker 
    selectedValue={ this.state.selectedValue }
    onValueChange={(item) => this.setState({selectedValue: item})}>
    <Picker.Item label={"Slect Any"} value={null} />
    <Picker.Item label={"item1"} value={'item1'} key={key} />
    <Picker.Item label={"item2"} value={'item2'} key={key} />
    <Picker.Item label={"item3"} value={'item3'} key={key} />
</Picker>

任何人都可以帮助这个。

Answer 1

您需要您的组件在状态中有一个额外的 bool 字段 canSelectAny:

<Picker 
    selectedValue={ this.state.selectedValue }
    onValueChange={(item) => this.setState({selectedValue: item})}>
    {this.state.canSelectAny && <Picker.Item label={"Select Any"} value={null} />}
    <Picker.Item label={"item1"} value={'item1'} key={key} />
    <Picker.Item label={"item2"} value={'item2'} key={key} />
    <Picker.Item label={"item3"} value={'item3'} key={key} />
</Picker>