React Native 的 Picker.Item 组件的 value 属性 - React Native 中文文档

React Native 的 Picker.Item 组件的 value 属性用来表示每一个 Picker.Item 所代表的值。

这个值有两个作用

用来和 Picker 的 selectedValue 属性匹配，确定哪个选项时默认选中的。
作为 Picker 的 onValueChange 事件属性设置的回调函数的第一个参数，可用于表示当前选中项的值。

这个属性只能是文本属性，也就是说，只能是 字符串（string） 或者 整型（integer)，不能是其它值。

这个属性有一个坑爹的地方时，官方文档说它只有在 Android 平台下有效。

导入模块

import {Picker} from 'react-native'

使用语法

<Picker>
  <Picker.Item label="简单教程" value="https://www.twle.cn" />
</Picker>

范例

下面的代码，我们为 Picker 的每一个选项 Picker.Item 设置 value 属性，以便能在 onValueChange 事件回调中使用

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