React Native Picker 组件的 selectedValue 属性 - React Native 中文文档

React Native 的 Picker 组件的 selectedValue 属性用于设置当前 Picker 选择器的默认选中项

该属性的值既可以是 字符串(string) 类型，也可以是 整型(Integer)，哪种类型取决于你传递给 Picker.Item 的 value 的属性的类型

selectedValue 属性唯一的作用，就是指示 Picker 在正常状态时应该显示哪个 Picker.Item 的 label 值。

注意

这个 selectedValue 只能用于设置 Picker 属性的选中项，却不能用于获取 Picker 当前的选中项

如果你要获取 Picker 的选中选，请通过事件回调 onValueChange 来监听选中项的改变

导入模块

import {Picker} from 'react-native'

使用语法

Picker 组件最简单的使用方式如下

<Picker
  selectedValue={'twle'}
  onValueChange={(itemValue, itemIndex) => this.setState({language: itemValue})}>
  <Picker.Item label="Java" value="java" />
  <Picker.Item label="JavaScript" value="js" />
  <Picker.Item label="简单教程" value="twle" />
</Picker>

范例

下面的代码，设置 Picker 选择器的默认选中的值为 twle ，这样， Picker 在正常状态下，将会显示 简单教程

<Picker
  selectedValue={'twle'}
  onValueChange={(itemValue, itemIndex) => this.setState({language: itemValue})}>
  <Picker.Item label="Java" value="java" />
  <Picker.Item label="JavaScript" value="js" />
  <Picker.Item label="简单教程" value="twle" />
</Picker>