延迟图像捕获-React Native Camera/Expo Camera [英] Delay on the capture of an image - React Native Camera / Expo Camera
问题描述
我正在尝试实现与Facebook或Instagram相同的功能:
立即预览相机拍摄的图像
I am trying to realize the same functionnality as in Facebook or Instagram:
Preview the image taken by the camera instantly
在这一点上,当我调用此函数时,我采取的是正确的:
At this point, my taken is correctly taken when this function is called :
takePicture = async function() {
if (this.camera && this.state.isConnected === true) {
const options = { quality: 0, base64: false };
const data = await this.camera.takePictureAsync(options);
this.toLoading(data.uri);
}
};
如此处所示,相机质量选项设置为0,以确保问题不是由图像处理引起的.
As displayed here, camera quality option is set to 0 to assure that the issue isn't caused by image processing.
我也将RNCamera道具降低了:
I also have set my RNCamera props to lower as so :
autoFocus={"off"}
skipProcessing={true}
type={"back"}
flashMode={"off"}
zoom={0}
whiteBalance={"auto"}
ratio={"16:9"}
我在android和ios上都对此进行了测试,即使ios似乎可以更快地执行此操作,它仍然不能立即执行.
有没有人能够使用react native来复制facebook/instagram相机预览?我一直在寻找github仓库,在我的情况下似乎有很多人,但仍然没有解决方案.我还注意到,人们已经尝试退出expo项目以执行本机代码,但是延迟仍然存在.
I tested this on both android and ios and even if ios seems to execute this a little bit faster, it still doesn't do it instantly.
Has anyone been able to reproduce the facebook/instagram camera preview with react native? I have been looking on the github repo and there seem to be a lot of people in my situation but still no resolution. I have also noted that people have tried to eject expo projects to go on native code but the latency is still present.
推荐答案
现在有一个skipProcessing标志,旨在帮助更快地显示图像
There is now a skipProcessing flag which is meant to help the image display faster
this.camera.takePictureAsync({skipProcessing: true})
SDK 30的文档说,这可能会导致图像旋转不正确.
The documentation for SDK 30 says this may cause the image to be rotated incorrectly.
https://docs.expo.io/versions/latest/sdk/camera
这篇关于延迟图像捕获-React Native Camera/Expo Camera的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!