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

React Native 的 Picker 组件的 style 属性用于设置 Picker 组件本身的布局和样式。

style 属性的可设置的值由 pickerStyleType 来指定，更多相关资料，你可以访问我们的 pickerStyleType

如果你对 pickerStyleType 类型感到困惑，没关系，其实，pickerStyleType 就是指定了 style 可设置的值包括以下两个方面

View Style Props... 中提到的属性
color 属性

如果你要设置选项的属性，则必须设置 Picker.Item 组件上的 style 属性

导入模块

import {Picker} from 'react-native'

使用语法

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

<Picker
  style={{height: 50, width: 100}}
</Picker>

范例

下面的代码，我们为 Picker 组件设置 高度为 50，宽度为 100 的样式属性

<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.Item label="简单教程" value="twle" />
</Picker>