在线文档教程

Picker

Picker

在iOS和Android上呈现本地选取器组件。例:

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

道具

ViewPropTypes道具...

onValueChange?: function

回调选择项目的时间。这用以下参数调用: - itemValuevalue所选项目的道具 - itemPosition:此选取器中所选项目的索引

selectedValue?: any

其中一个项目的值匹配值。可以是一个字符串或一个整数。

style?: pickerStyleType

testID?: string

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

androidenabled?: bool

如果设置为false,则选择器将被禁用,即用户将无法进行选择。

androidmode?: enum('dialog', 'dropdown')

在Android上,指定用户在选取器上轻击时如何显示选择项目:

  • '对话框':显示一个模式对话框。这是默认设置。

  • 'dropdown':显示锚定到选取器视图的下拉菜单

androidprompt?: string

提示此选取器的字符串,在Android上以对话框模式用作对话框的标题。

iositemStyle?: itemStylePropType

适用于每个项目标签的样式。