帮助改进此文档

Picker

本文档贡献者：sunnylqm(100.00%)

本组件可以在iOS和Android上渲染原生的选择器（Picker）。用例：

<Picker
  selectedValue={this.state.language}
  style={{ height: 50, width: 100 }}
  onValueChange={(itemValue, itemIndex) => this.setState({language: itemValue})}>
  <Picker.Item label="Java" value="java" />
  <Picker.Item label="JavaScript" value="js" />
</Picker>

查看 Props

• View props...

• onValueChange
• selectedValue
• style
• testID
• enabled
• mode
• prompt
• itemStyle

---

文档

Props

onValueChange

某一项被选中时执行此回调。调用时带有如下参数：

• itemValue: 被选中项的value属性
• itemPosition: 被选中项在picker中的索引位置

类型	必填
function	否

---

selectedValue

默认选中的值。可以是字符串或整数。

类型	必填
any	否

---

style

类型	必填
pickerStyleType	否

---

testID

用于在端对端测试中定位此视图。

类型	必填
string	否

---

enabled

如果设为false，则会禁用此选择器。

类型	必填	平台
bool	否	Android

---

mode

在Android上，可以指定在用户点击选择器时，以怎样的形式呈现选项：

• 'dialog': 显示一个模态对话框。默认选项。
• 'dropdown': 以选择器所在位置为锚点展开一个下拉框。

类型	必填	平台
enum('dialog', 'dropdown')	否	Android

---

prompt

设置选择器的提示字符串。在Android的对话框模式中用作对话框的标题。

类型	必填	平台
string	否	Android

---

itemStyle

指定应用在每项标签上的样式。

类型	必填	平台
text styles	否	iOS