在 react-native 中，我如何在 ios 和 android 的图像上添加水印

Posted 2023-03-11

【中文标题】在 react-native 中，我如何在 ios 和 android 的图像上添加水印

【英文标题】：In react-native how can i add watermark on images both ios and android

【发布时间】：2019-11-21 04:09:27

【问题描述】：

在 react-native 中，我想在 android 和 ios 中的图像上添加水印。

我试过https://github.com/JimmyDaddy/react-native-image-marker它在ios中运行良好，但在android中，应用水印后我无法获取图像路径，如何在ios和android中的图像上附加水印。

"react-native": "0.61.4", "react-native-image-marker": "^0.6.1",

如下图所示

【参考方案1】：

创建一个绝对位置的视图。请参考下面的示例，将 pos 替换为您的位置。如果你想把 0 放在中间

<View  
   style=
       position: 'absolute',
       top: pos,
       left: pos,
       right: pos,
       bottom: pos
         >
  <Text>water mark txt</Text>
</View>

【讨论】：

我知道这是一个旧线程，这个答案被否决了。但是，您可以使用此解决方案，使用react-native-view-shot 捕获视图并将其转换为最终图像