2022-03-02 关于 react-native 如何使用 react-native-image-crop-picker

前言：react-native项目（下称rn）中需要用到图片裁剪、从相册取照片以及调用手机相机，主要用到这个插件react-native-image-crop-picker。

安装：

yarn add react-native-image-crop-picker

插件地址：https://github.com/ivpusic/react-native-image-crop-picker

安装好后，需要对android包进行配置，否则会报错：TypeError: null is not an object (evaluating 'ImageCropPicker.openPicker')

配置步骤如下：

1.link到android库里：

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

2.打开相机权限（需要用到相机的时候），在项目名\android\app\src\main\AndroidManifest.xml里添加下面代码：

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

3.卸载原来的app，重新打包。

====================================  下面是使用方法  ====================================

import ImagePicker from 'react-native-image-crop-picker';

···
ImagePicker.openPicker({
            width: 100,//宽度
            height: 100,//高度
            cropping: true,//是否裁剪
            cropperCircleOverlay: true,//裁剪图像时候，是否打开圆形裁剪覆盖
            includeBase64: false,//启用或禁用使用图像返回base64数据
}).then(async image => {
            let path = image.path;
            console.log('图片路径: '+path)
}).catch(err => {
            console.log(err);
})

这里只对android进行配置，ios的。。可以参看这篇文章：https://www.jianshu.com/p/8420b08062c7