React Native 的 Picker 组件的 style 属性

返回上一级

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

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

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

  1. View Style Props... 中提到的属性
  2. 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>

返回上一级

React Native 中文文档

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.