Как я могу скрыть первый Picker Item of Picker в React Native?

Question

Это мой пример кода, в Android я не могу выбрать первый Picker Item в первый раз, я создал один фиктивный элемент, поэтому мне нужно скрыть первое поле.

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

Кто-нибудь может помочь.

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>

Answer 2

Вы можете отключить его, чтобы пользователь не мог щелкнуть по нему; используя enabled проп.

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