Q群 567530369,小伙伴们都在这里等你哦~

Picker

本组件可以在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


文档

Props

onValueChange

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

  • itemValue: 被选中项的value属性
  • itemPosition: 被选中项在picker中的索引位置
类型必填
function

selectedValue

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

类型必填
any

style

类型必填
pickerStyleType

testID

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

类型必填
string

enabled

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

类型必填平台
boolAndroid

mode

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

  • 'dialog': 显示一个模态对话框。默认选项。
  • 'dropdown': 以选择器所在位置为锚点展开一个下拉框。
类型必填平台
enum('dialog', 'dropdown')Android

prompt

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

类型必填平台
stringAndroid

itemStyle

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

类型必填平台
text stylesiOS