react-native-image-crop-picker的使用

1.npm i -S react-native-image-crop-picker

Andriod:

2.react-native link react-native-image-crop-picker

3.添加文件

(1).在android/build.gradle中添加(确保你的gradil 2.2.x)

buildscript {
    ...
    dependencies {
        classpath 'com.android.tools.build:gradle:2.2.3'
        ...
    }
    ...
}

allprojects { repositories { mavenLocal() jcenter() maven { url "$rootDir/../node_modules/react-native/android" } maven { url "https://jitpack.io" } maven { url 'https://maven.google.com' }

}

image.png

image.png

好像是默认有的,如果没有就添加一下

(2).在android/app/build.geadle中添加useSuppportLibrary

android {
    ...

defaultConfig {
    ...
    vectorDrawables.useSupportLibrary = true
    ...
}
...

}

image.png

(3)Use Android SDK >=26(android/app/build.gradle)

compileSdkVersion 27

    buildToolsVersion "27.0.3"



    defaultConfig {

        applicationId "com.yyjieyou"

        minSdkVersion 16

        targetSdkVersion 27

        versionCode 1

        versionName "1.0"

        vectorDrawables.useSupportLibrary = true

        ndk {

            abiFilters "armeabi-v7a", "x86"

        }

    }


image.png

(4).在AndroidMainifest.xml中添加使用相机权限

<uses-permission android:name="android.permission.CAMERA"/>

image.png

4.引用:import ImagePicker from 'react-native-image-crop-picker';

然后就可以愉快的使用了~

IOS

2.如果你不用Cocoapods

react-native link react-native-image-crop-picker

3.添加权限

在xcode中将项目打开,找到Embedded Binarise,添加

RSKImageCropper.framework

QBImagePicker.framework

301c774ee29a8ea2eefdb8a771f4ff65.jpg

在info.plist中添加键值对,允许访问相册相机

访问相机:NSCameraUsageDecription

访问相册:NSPhotoLibraryUsageDescription

7d177dd15aee478410f69f38f69cae01.jpg

配置就完成了~

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容