[RN] React Native 使用开源库 react-native-image-crop-picker 实现图片选择、图片剪裁

npm install react-native-image-crop-picker -S

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

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

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

include ‘:react-native-image-crop-picker‘
project(‘:react-native-image-crop-picker‘).projectDir = new File(rootProject.projectDir, ‘../node_modules/react-native-image-crop-picker/android‘)

import com.reactnative.ivpusic.imagepicker.PickerPackage;




******

@Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
            new ReactVideoPackage(),
            new OrientationPackage(),
            new VectorIconsPackage(),
            new PickerPackage()
      );
    }

******

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

    // 从本地相册选择单幅图像
    ImagePicker.openPicker({  
      width: 400,  
      height: 400,  
      cropping: true  
    }).then(image => {  
      console.log(‘ 图片路径：‘+ image);  
    }); 
     
    // 调用多个图像
    ImagePicker.openPicker({  
      multiple: true  
    }).then(images => {  
      console.log(images);  
    });
     
    // 启动相机拍照
    ImagePicker.openCamera({  
      width: 400,  
      height: 400,  
      cropping: true  
    }).then(image => {  
      console.log(image);  
    }); 
     
    // 裁剪已有的图片
    ImagePicker.openCropper({  
      path: ‘image-file-path.jpg‘,  
      width: 400,  
      height: 400  
    }).then(image => {  
      console.log(image);  
    });