React Native 中的 Picker.Item 组件的 color 属性

返回上一级

React Native 中的 Picker.Item 组件的 color 属性用于设置 Picker.Item 选项显示时的文本颜色值。

准确的说,是设置 Picker.Item 中的 label 属性所指定的文本的颜色值。

因此,该属性只有在 label 属性是文本时才会有效,如果是组件,那么该值会被忽略

导入模块

import {Picker} from 'react-native'

使用语法

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

范例

下面的代码,我们为选项为 “简单教程” 的 Picker.Item 设置文本颜色为 红色 ,这样在下拉时就更能吸引注意力

<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 color={'red'} label="简单教程" value="https://www.twle.cn/" />
</Picker>

返回上一级

React Native 中文文档

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

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

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