React Native Camera For Android 手动配置
来源:互联网 发布:淘宝怎么卖百度云资源 编辑:程序博客网 时间:2024/05/18 02:19
问题描述:
在使用react-native-image-crop-picker时出现
ImagePicker.openPicker undefined/is notobject之类的错误,使用npm指令安装组件包并且link后依然如此,所以尝试手动配置组件信息。
使用 Android Studio 来开发 Android 工程的过程中,接触 Gradle 是不可避免的,比如配置签名、引入依赖等。Gradle 是一个基于 Apache Ant 和 Apache Maven 概念的项目自动化建构工具。它使用一种基于 Groovy 的特定领域语言 (DSL) 来声明项目设置,抛弃了基于 XML 的各种繁琐配置。
创建的react native Android 版本是0.44.0
$: react-nativeinit AppName --version 0.44.0
手动添加local.properties文件,标记sdk路径
路径:android文件夹下
添加:sdk.dir = /Users/username/Library/Android/sdk
创建工程后,配置组件
$: npm install react-native-video
查看路径android/build.gradle文件中gradle版本应该为2.2.3及以上
I. 声明模块
路径:android/setting.gradle
添加:
include ':react-native-video'
project(':react-native-video').projectDir =new File(rootProject.projectDir, '../node_modules/react-native-video/android')
include ':react-native-image-crop-picker'
project(':react-native-image-crop-picker').projectDir= new File(settingsDir, './android')
注意在上述地址添加android文件,也就是同一级目录下
文件内容地址如下:
百度网盘
II. 然后引入依赖
路径:android/app/build.gradle
添加:
compile project(':react-native-video')
compileproject(':react-native-image-crop-picker')
III. 在表单添加注册信息
路径:android/app/src/main/AndroidManifest.xml
添加:
<uses-permissionandroid:name="android.permission.CAMERA" />
IV. 导入包到工程
路径;android/app/src/main/java/com/AppName/MainApplication.java
添加:
1.
importcom.reactnative.ivpusic.imagepicker.PickerPackage;
importcom.brentvatne.react.ReactVideoPackage;
2.
new ReactVideoPackage(),
newPickerPackage()
按照上述步骤配置的工程是一个单独调用相机的页面。组件提供了丰富的功能。附一份完整工程。
百度网盘:
- React Native Camera For Android 手动配置
- React Native for Android 环境配置
- React Native For Android(Windows )配置
- React Native for Android的环境配置
- react native for android
- React-Native for Android
- React Native for Android
- React-native for Android
- React Native for Android
- React Native For Android
- React Native For Android
- 环境配置:React Native 开发环境配置 For Android
- 【React Native开发】React Native For Android环境配置以及第一个实例(1)
- 【React Native开发】React Native For Android环境配置以及第一个实例
- React Native 环境搭建 配置 调试 React Native for Android APP
- React Native for Android 实战(一):配置和起步
- React Native for Android 实战(一):配置和起步
- Android studio for Mac配置React-native时的坑
- stdbind剖析
- ION-DTN开启LTP、UDP传输服务
- Mac用Navicat连接Oracle数据库报ORA-21561: OID generation failed
- Linux C 字符串操作
- 389 Find the Difference找到一个字符串t中出现但是s中没有出现的字符
- React Native Camera For Android 手动配置
- 【学习必看】php常见术语总结
- 安卓录音
- 前端常用的那些CSS
- HTML/CSS线条
- ffmpeg基本用法(转)
- 深入理解JVM学习笔记——Java内存区域
- 详细教你如何部署ICE服务(三)---IceBox框架 & Ice Registry服务注册中心的联合使用
- 2017杭电ACM集训队单人排位赛