本组件可以在iOS和Android上渲染原生的选择器(Picker)。用例:

<Picker
  selectedValue={this.state.language}
  onValueChange={(lang) => this.setState({language: lang})}>
  <Picker.Item label="Java" value="java" />
  <Picker.Item label="JavaScript" value="js" />
</Picker>

属性

onValueChange function #

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

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

selectedValue any #

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

style pickerStyleType #

testID string #

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

androidenabled bool #

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

androidmode enum('dialog', 'dropdown') #

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

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

androidprompt string #

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

iositemStyle itemStylePropType #

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


书籍推荐