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

Posted 2023-02-25

【中文标题】如何在 React Native 中隐藏 Picker 的第一个 Picker 项？

【英文标题】：How can i hide first Picker Item of Picker in React Native?

【发布时间】：2018-09-06 13:07:33

【问题描述】：

这是我的示例代码，在 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>

任何人都可以帮助这个。

【问题讨论】：

您要禁用它还是根本不查看它？

是的，我想隐藏第一个元素。因为第一个元素第一次无法在android设备中选择。

【参考方案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>

【参考方案2】：

这应该是你问题的答案

this.state.loading = false ? (<Picker.Item label="Art" value="Art" />) :null