我正在使用expo API处理本机应用程序,应用程序基本上拍照然后应用程序使用ImageEditor.cropImage裁剪它,最后将图片从缓存复制到另一个位置。代码:
takePicture = async function() {
if (this.camera) {
this.camera.takePictureAsync().then(async (data) => {
cropdata = {
offset:{x:0, y:0},
size:{width:100, height:100},
};
await ImageEditor.cropImage(
data.uri,
cropdata,
async (uri) => {
FileSystem.moveAsync({
from: uri,
to: `${FileSystem.documentDirectory}photos/Photo_${this.state.photoId}.jpg`,
}).then(() => {
this.setState({
photoId: this.state.photoId + 1,
});
Vibration.vibrate();
});
},
(error) => {
console.log(error);
}
);
});
}
};
但显示以下错误:
[未处理的承诺拒绝:错误:位置 '文件:///data/user/0/host.exp.exponent/cache/ReactNative_cropped_image_574763720.jpg' 不可动。]
任何想法?
答案 0 :(得分:3)
Expo的FileSystem模块可以复制/移动/等。以前保存在应用程序范围内的文件(例如,通过ImagePicker或使用Asset.loadAsync)。 ImagerEditor是React Native的核心功能,它将您的图像保存到Expo范围之外的文件中,因此FileSystem无法对此文件执行操作。更多相关信息可以在这里找到:
https://forums.expo.io/t/where-does-camera-takepictureasync-save-photos/6475/7
因此,不应使用ImageEditor.cropImage()
,而应使用expo ImageManipulator。