Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Image 在react原生项目中,如何将多个图像合并为单个图像_Image_React Native_Merge_React Native Camera - Fatal编程技术网

Image 在react原生项目中,如何将多个图像合并为单个图像

Image 在react原生项目中,如何将多个图像合并为单个图像,image,react-native,merge,react-native-camera,Image,React Native,Merge,React Native Camera,在我的一个项目中,我使用RNCamera拍摄图像。此外,摄像头屏幕具有自定义组件。摄像机显示的组件之一是指南针图像。我需要将罗盘图像与捕获的图像合并 我已尝试过此库反应本机视图快照。将相机包裹在视图快照视图中。但结果只包含捕获的图像,没有罗盘 我还尝试将本地图像组合起来。这里,第二个图像始终位于第一个图像的左侧 我正在寻找更好的解决方案。有人能建议一种方法来解决这个问题吗。那太好了。谢谢。尝试将两幅图像放在视图标记中,并将每张图像放在自己的视图标记中。然后给出“z-index”样式属性,将图像放

在我的一个项目中,我使用RNCamera拍摄图像。此外,摄像头屏幕具有自定义组件。摄像机显示的组件之一是指南针图像。我需要将罗盘图像与捕获的图像合并

我已尝试过此库反应本机视图快照。将相机包裹在视图快照视图中。但结果只包含捕获的图像,没有罗盘

我还尝试将本地图像组合起来。这里,第二个图像始终位于第一个图像的左侧


我正在寻找更好的解决方案。有人能建议一种方法来解决这个问题吗。那太好了。谢谢。

尝试将两幅图像放在视图标记中,并将每张图像放在自己的视图标记中。然后给出“z-index”样式属性,将图像放在上面。
让我知道

尝试将两个图像都放在视图标记中,并将每个图像放在自己的视图标记中。然后给出“z-index”样式属性,将图像放在上面。
让我知道

最后我找到了解决上述问题的方法。我使用了名为react native view snapshot和react native photo manipulator()的库。由于我的第二个视图是摄影机上方的自定义视图(RNCamera),所以“z索引”对我不起作用。react native view snapshot用于拍摄第二幅图像的截图,并使用react native photo manipulator将从相机拍摄的照片与截图图像进行合并,最终找到了解决上述问题的方法。我使用了名为react native view snapshot和react native photo manipulator()的库。由于我的第二个视图是摄影机上方的自定义视图(RNCamera),所以“z索引”对我不起作用。react-native view snapshot用于拍摄第二幅图像的屏幕截图,并使用react-native照片操纵器将从相机拍摄的照片与屏幕截图图像合并。