ReactNative常用组件库 react-native-camera 相机

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

a82022424

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

阅读量316

点赞数

文章标签：移动开发 java

原文链接：http://www.cnblogs.com/fanlu/p/8986221.html

版权

通过react-native-camera调用原生相机，及自定义样式

GitHub地址：

https://github.com/react-native-community/react-native-camera

安装：

npm install react-native-camera --save
react-native link react-native-camera

配置：

1.修改...\android\app\src\main\AndroidManifest.xml，增加摄像头处理权限

<uses-permission android:name="android.permission.RECORD_AUDIO"/>
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

2.设置gradle版本，编辑 android/gradle/grade-wrapper.properties:

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-4.4-all.zip

3.修改android/build.gradle

buildscript {
    repositories {
        jcenter()
        google()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.1.0'

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    repositories {
        mavenLocal()
        jcenter()
        google()
        maven { url "https://jitpack.io" }
        maven { url "https://maven.google.com" }
        maven {
            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
            url "$rootDir/../node_modules/react-native/android"
        }
    }
}

subprojects {
  project.configurations.all {
     resolutionStrategy.eachDependency { details ->
        if (details.requested.group == 'com.android.support'
              && !details.requested.name.contains('multidex') ) {
           details.useVersion "26.1.0"
        }
     }
  }
}

添加功能实现代码：

转载于:https://www.cnblogs.com/fanlu/p/8986221.html