react-native - 如何向 React Native Picker 添加禁用选项

Question

我正在创建一个 react native 应用程序。我试图用 react native 创建下拉菜单。它对我来说工作正常。我试图添加默认选项，如“请选择选项......”。我已经尝试过了，但对我不起作用。 我的代码是:-

<Picker
    mode="dropdown"
    onValueChange={(itemValue, itemIndex) => this.setState({selectedItem: itemValue})}>
    {subchild['OptionValue'].map((subsubchild, Index3)=>
        <Picker.Item label={subsubchild['text']} value={subsubchild['id']} />
    )}
</Picker> 

我试过这样的:-

<Picker
    mode="dropdown"
    onValueChange={(itemValue, itemIndex) => this.setState({selectedItem: itemValue})}>     <Picker.Item label="Please select options....." value="0" />
    {subchild['OptionValue'].map((subsubchild, Index3)=>
        <Picker.Item label={subsubchild['text']} value={subsubchild['id']} />
    )}
</Picker>

它并没有完全按照我的意愿工作。

Answer 1

这是给你的例子:

<Picker
    mode="dropdown"
    selectedValue={this.state.selectedItem}
    onValueChange={(itemValue, itemIndex) => this.setState({selectedItem: itemValue})}>     <Picker.Item label="Please select options....." value="0" />
    {subchild['OptionValue'].map((subsubchild, Index3)=>
        <Picker.Item label={subsubchild['text']} value={subsubchild['id']} />
    )}
</Picker>

您应该将默认选择值设置为您的状态 selectedItem

this.state = {selectedItem: '0'};

在状态改变的过程中，你应该设置条件，如果选择的值等于零然后返回你想要的。

希望对你有所帮助。

请参阅下面的链接了解更多详情。

https://facebook.github.io/react-native/docs/0.19/picker.html#mode