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文件,也就是同一级目录下

文件内容地址如下:


百度网盘
链接: https://pan.baidu.com/s/1bpMqWhD 密码: 2hsm

 

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()

 

 

 按照上述步骤配置的工程是一个单独调用相机的页面。组件提供了丰富的功能。附一份完整工程。

百度网盘:

 链接: https://pan.baidu.com/s/1cIVpsq 密码: ashz


 
原创粉丝点击