React Native中如何隐藏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>

有人可以帮助一下吗？

- Ravi Kumar Gopalakrishnan

---

你想禁用它还是完全不让它显示？ - SGhaleb

是的，我想隐藏第一个元素。因为在Android设备上，第一个元素在第一次选择时无法选择。 - Ravi Kumar Gopalakrishnan

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>

- vonovak

Answer 2

这应该是你问题的答案

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

- Guvanch