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

通过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/build.gradle,红字部分是新增的内容

dependencies {
    compile fileTree(dir: "libs", include: ["*.jar"])
    compile "com.android.support:appcompat-v7:23.0.1"
    compile "com.facebook.react:react-native:+"  // From node_modules
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 } }
}

2.修改...\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" />

3.在 android/build.gradle 中添加jitpack

allprojects {
    repositories {
        maven { url "https://jitpack.io" }
        maven { url "https://maven.google.com" }
    }
}

添加功能实现代码:

猜你喜欢

转载自www.cnblogs.com/fanlu/p/8986221.html