【React Native 安卓开发】----(Picker)【第四篇】

最新推荐文章于 2024-08-12 08:36:12 发布

先知丨先觉

最新推荐文章于 2024-08-12 08:36:12 发布

阅读量4.4k

点赞数 17

分类专栏： RN 实战ReactNative 文章标签： android native ios java

本文链接：https://blog.csdn.net/github_33304260/article/details/53895209

版权

这篇博客详细介绍了React Native中的Picker组件，包括在iOS和Android上的原生渲染、基本用法、主要属性如onValueChange、selectedValue、style、enabled及mode，并通过示例展示了如何在Android上以对话框和下拉框形式展示Picker。同时提供了DEMO代码，以及如何获取更多相关干货的指引。

摘要由CSDN通过智能技术生成

#什么是Picker？
####Picker可以在iOS和Android上渲染原生的选择器（Picker）
#Picker基本用法

<Picker
  selectedValue={this.state.language}
  onValueChange={(lang) => this.setState({language: lang})}>
  <Picker.Item label="Java" value="java" />
  <Picker.Item label="JavaScript" value="js" />
</Picker>

#Picker 基本属性
###1.onValueChange (function)
某一项被选中时执行此回调。调用时带有如下参数：
itemValue: 被选中项的value属性
itemPosition: 被选中项在picker中的索引位置

###2.selectedValue(any)
默认选中的值。可以是字符串或整数。
###3.style(pickerStyleType)
样式通用的style
###4.enabled(boolean)
如果设为false，则会禁用此选择器
###5.mode(enum(‘dialog’, ‘dropdown’))
在Android上，可以指定在用户点击选择器时，以怎样的形式呈现选项：
dialog（对话框形式）: 显示一个模态对话框。默认选项。
dropdown（下拉框形式）: 以选择器所在位置为锚点展开一个下拉框。
###6.prompt(String)
设置选择器的提示字符串。在Android的对话框模式中用作对话框的标题。

《======================================================