如何在react native中上传头像之前裁剪图片？

npm install react-native-image-picker

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

// 在需要上传头像的地方，使用以下代码选择图片并获取其本地路径
const options = {
  title: '选择头像',
  cancelButtonTitle: '取消',
  takePhotoButtonTitle: '拍照',
  chooseFromLibraryButtonTitle: '从相册选择',
  storageOptions: {
    skipBackup: true,
    path: 'images',
  },
};

ImagePicker.showImagePicker(options, (response) => {
  if (response.didCancel) {
    console.log('用户取消了选择图片');
  } else if (response.error) {
    console.log('选择图片时发生错误:', response.error);
  } else {
    // 获取选择的图片的本地路径
    const imageUri = response.uri;
    
    // 在这里进行图片裁剪的操作
    // 可以使用第三方库，如react-native-image-crop-picker等
  }
});

npm install react-native-image-crop-picker

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

const options = {
  // ... 省略其他选项 ...
};

ImagePicker.showImagePicker(options, (response) => {
  // ... 省略其他代码 ...

  ImageCropPicker.openCropper({
    path: imageUri,
    width: 300,
    height: 300,
    cropping: true,
    includeBase64: true,
  })
    .then((croppedImage) => {
      // 获取裁剪后的图片
      const croppedImageUri = croppedImage.path;
      
      // 在这里可以将裁剪后的图片上传到服务器或进行其他处理
    })
    .catch((error) => {
      console.log('裁剪图片时发生错误:', error);
    });
});