React Native - 使用覆盖贴纸保存图像

Question

我有一个用例，我想在用户从 his/her 存储（或用相机拍摄）中选择的图像上放置一个标签，并将结果上传到网络服务。

理想情况下，用户可以根据需要拖动贴纸将其放置在图像上，甚至可以缩放和旋转，但最低限度只是将贴纸覆盖在图像中的固定位置组件并将结果保存到要上传的文件中。

有谁知道这样做的方法吗？我已经搜索了很多，但还没有弄明白。到目前为止，我最好的选择是使用嵌套图像向用户显示结果

<Image source={[USER_IMAGE]} style...>
  <Image source={[STICKER]} />
</Image>

然后绘制并保存在后端的canvas上。

Answer 1

所以我最终为此使用了 react-native-gesture-handler，一个例子可以 be found here。从那以后我就更新了它，但那点心应该足以让其他人继续:-)

React Native - Save image with overlay sticker