如何在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>

它不是我想要的那样工作。

- kiranb ghrix

---

简而言之，目前不可能。 - Joshua Pinter

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

- Seyha

---

正如我之前所提到的，我已经尝试过这个方法，但它并没有正常工作。当我从下拉菜单中选择任何项目时，它会显示在“请选择”选项后面...... 这混乱了内容。 - kiranb ghrix

请仔细阅读我上面的回答@kiranbghrix。 你的代码缺少 **"selectedValue={this.state.selectedItem}"**。 - Seyha

嗨@kiranbghrix，如果这是你要找的，请将其标记为答案，以防其他人再次回答。谢谢 - Seyha