首页 > 其他分享 >reactNative之react-native-picker

reactNative之react-native-picker

时间:2022-12-07 10:14:15浏览次数:41  
标签:picker ... react new android native

在rn 中使用react-native-picker选择器,总结如下。

一、下载

npm install react-native-picker --save
react-native link

二、安卓端配置

1.文件./android/settings.gradle中末尾添加

include ':react-native-picker'
project(':react-native-picker').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-picker/android')

2.文件./android/app/build.gradle的dependencies内添加(注意其他行有逗号",",最后一行没逗号):

...
dependencies {
    ...
    compile project(':react-native-picker')
}
...

3.文件./android/app/src/main/java/com/xxx/xxx/MainApplication.java中添加:

复制代码
//插在上面
import com.beefe.picker.PickerViewPackage; ... @Override protected List<ReactPackage> getPackages() { return Arrays.<ReactPackage>asList( new MainReactPackage(),   //插入这行 new PickerViewPackage() ); } ...
复制代码

4.重新运行项目即可

标签:picker,...,react,new,android,native
From: https://www.cnblogs.com/sexintercourse/p/16962252.html

相关文章

  • Airbnb 宣布放弃使用 React Native,回归使用原生技术
    昨日,Airbnb技术团队在Medium 上宣布,Airbnb放弃使用ReactNative,将回归到使用基于原生技术的自有框架开发App。Airbnb表示,尽管很多团队都依赖ReactNative并计......
  • React Native是初创企业的正确选择
    Ifyouhaveeverworkedatastartuporknowsomeonewhodoes,youknowthatingeneral,employeeshavetheirhandsfull,everydayoftheworkweek,whichi......
  • ReactNative入门 —— 动画篇(上)
    ReactNative入门——动画篇(上) 在不使用任何RN动画相关API的时候,我们会想到一种非常粗暴的方式来实现我们希望的动画效果——通过修改state来不断得改变视图上的样式......
  • 最灵活的UI控件库:React Native UI Lib
    最灵活的UI控件库:ReactNativeUILib猿类素敌已关注32018.02.0414:50:48字数2,513阅读46,152前言我从11年开始写Objective-C。记得当时开源的UI控件库还不是......
  • React Native实现基于HLS协议的视频直播应用
    ReactNative实现基于HLS协议的视频直播应用hsay已关注0.4422017.12.2809:11:31字数921阅读6,395ReactNative(以下简称RN)给我们提供了一种开发原生应用的新......
  • Taro 3.2 版本正式发布:React Native 支持,王者归来
    Taro3.2版本正式发布:ReactNative支持,王者归来凹凸实验室软件更新1年前阅读222Taro 是一个开放式 跨端跨框架 解决方案,支持使用React/Vue/Nerv等框架来开发......
  • 前端react面试题指北
    在调用setState之后发生了什么状态合并,触发调和:setState函数之后,会将传入的参数对象与当前的状态合并,然后出发调用过程根据新的状态构建虚拟dom树经过调和过程,rea......
  • React的useLayoutEffect和useEffect执行时机有什么不同
    我们先看下React官方文档对这两个hook的介绍,建立个整体认识useEffect(create,deps):该Hook接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内(这......
  • react面试题总结一波,以备不时之需
    React组件的构造函数有什么作用?它是必须的吗?构造函数主要用于两个目的:通过将对象分配给this.state来初始化本地状态将事件处理程序方法绑定到实例上所以,当在Reactcl......
  • React后台管理系统06 路由
     在src目录下新建2views文件夹,用来存放组件,这里我们新建2个路由组件HomeAbout,如下所示:创建好这两个路由组件之后,在src目录里面我们新建一个router路由文件夹,然后命名......