博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react-native-camera 遇坑笔记
阅读量:6974 次
发布时间:2019-06-27

本文共 1795 字,大约阅读时间需要 5 分钟。

在 react-native(android 端)使用react-native-camera

参考文档

  1. -
  2. -

环境说明

  • 系统: ubuntu
  • Andriod Studio: 3.4
  • jdk: 1.8
  • sdk: 26.0.1
  • react-native: 0.55.4
  • react-native-camera: 1.2.0

1.安装依赖包

yarn add react-native-camera

2.关联

react-native link react-native-camera

关联之后,会自动修改以下 3 个文件:

// android/app/src/main/java/[...]/MainApplication.java+   import org.reactnative.camera.RNCameraPackage+   new RNCameraPackage()
// android/settings.gradle+   include ':react-native-camera'+   project(':react-native-camera').projectDir = new File(rootProject.projectDir,'../node_modules/react-native-camera/android')
// android/app/build.gradle+   compile (project(':react-native-camera'))

3.进一步修改 grable 文件

// android/app/build.gradle-   compile (project(':react-native-camera'))+   compile (project(':react-native-camera')) {+       exclude group: "com.google.android.gms"+       compile 'com.android.support:exifinterface:25.+'+       compile ('com.google.android.gms:play-services-vision:12.0.1') {+           force = true+       }+   }

4.为项目添加访问摄像头的权限

// android/app/src/main/AndroidManifest.xml+   
+
+
+

5.解决 bug1

编译之后,会报一个错误:

Could not find method google() for arguments [] on repository container.

解决方案请查看.

修改的文件有 3 个,具体内容安装说明文档里面的一个个修改即可.

有几个关键的地方:

// android/build.gradle+   classpath 'com.android.tools.build:gradle:3.1.0'
// android/app/build.gradle+   compileSdkVersion 26+   buildToolsVersion "26.0.1"

6.解决 bug2

配置之后还会有一个 bug:

Could not find method compileOnly()

这个似乎是 grable 的版本问题.

修改 grable 版本:

// android/gradle/grade-wrapper.properties-    distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip+    distributionUrl=https\://services.gradle.org/distributions/gradle-4.4-all.zip

7.demo

demo 直接看就好.

结尾

以上就是我遇到的坑,可能还有其他的 bug,去iss找找应该可以找到.

反正 react-native 对 android 不是很友好.

转载地址:http://pcrsl.baihongyu.com/

你可能感兴趣的文章
百度超级链首个应用图腾落地,跨界公链+AI+大数据
查看>>
Kubernetes日志分析利器:Elassandra部署使用指南
查看>>
[deviceone开发]-do_Camera的简单示例
查看>>
SpringMVC的Controller拦截日志配置
查看>>
nodejs v6+ 不兼容 ES6 import/export 优雅解决方法
查看>>
My future of programming
查看>>
Git学习之路
查看>>
基于Fetch的HTTP透明代理
查看>>
分治策略时间复杂度计算--综述
查看>>
CSS换行和不换行
查看>>
青阳网络文件传输系统 kiftd 1.0.17 正式发布
查看>>
Java实现一个简单的加密解密方法
查看>>
PHP MySQL 连接数据库
查看>>
服务端有异常, 导致: Ajax 请求报错 net::ERR_INCOMPLETE_CHUNKED_ENCODING
查看>>
数据分析师的自我修养,如何进阶为数据科学家
查看>>
网站漏洞修复之CSRF跨站攻击
查看>>
Android实现天气预报温度/气温折线趋势图
查看>>
js 上下文字滚动效果
查看>>
记忆C语言运算符(文末福利)
查看>>
物联网迎发展机遇,两个方向爆发在即
查看>>