How can i hide first Picker Item of Picker in React Native?

user_7795756 0
Viewed 3399

This is my sample code, in Android I cant select first Picker Item at first time, i have created one dummy item so i need to hide first field.

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

Any one help this.

react-native picker
2 Answers

You'll need your component to have an extra boolean field canSelectAny in the state:

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

This should be the answer to your question 

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