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

Question

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

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

任何人都可以帮助这个。

标签： react-nativereact-native-androidpicker

Answer 1

您需要您的组件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>