Question

是否有人知道可以在Expo设置中使用的React Native图像裁剪工具。非常受欢迎的react-native-image-crop-picker则没有。还有其他选择吗？我似乎找不到任何东西。

Answer 1

您可以使用方面4：3、16：9、1：1等

import { ImagePicker } from 'expo';

您要从画廊获取照片吗？

const photo = await ImagePicker.launchImageLibraryAsync({
   allowsEditing: true,
   aspect: [4, 3],
});

Answer 2

您可以使用Expo#FileSystem下载图像，然后使用Expo#ImageManipulator裁剪缓存的图像这是一个示例

/*
 * @param link {string} URI of the image on the server
 * @param name {string} Name of the image with extension
 */
_downloadAndCrop = (link, name, cropSize = { width: 200, height: 200 }) => {
    FileSystem.downloadAsync(
       link,
       name
   )
   .then(({ uri }) => {
       console.log('Finished downloading to ', uri);
       //Your new cropped image
       const cropImage = ImageManipulator.manipulate(uri, [
                             crop: { 
                                 originX: 0, 
                                 originY: 0, 
                                 width: cropSize.width, 
                                 height: cropSize.height 
                             }
                         }], {});
   })
   .catch(error => {
       console.error(error);
   });
}

与Expo配合使用的React Native图像裁剪工具

2 个答案: