我如何在React Native中隐藏Picker的第一个Picker项目?

时间:2018-09-06 13:07:34

标签: react-native react-native-android picker

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

<http pattern="/chat/**" security="none" />

任何人都可以帮忙。

3 个答案:

答案 0 :(得分:0)

您可以禁用它,以便用户无法单击它;通过使用enabled道具。

<Picker.Item enabled={false} label={"Slect Any"} value={null} />

答案 1 :(得分:0)

您将需要组件在状态中具有一个额外的布尔字段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 :(得分:0)

这应该是您的问题的答案

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