使用react-native-camera在捕获后为视频/图片添加水印

npm install react-native-camera

import { RNCamera } from 'react-native-camera';
import { Image, View, Text } from 'react-native';

<RNCamera
  ref={ref => {
    this.camera = ref;
  }}
  style={{ flex: 1 }}
  type={RNCamera.Constants.Type.back}
  captureAudio={false}
/>

takePicture = async () => {
  if (this.camera) {
    const options = { quality: 0.5, base64: true };
    const data = await this.camera.takePictureAsync(options);

    // 在图片上添加水印
    const watermarkImage = require('./watermark.png');
    const watermarkSize = 100;
    const watermarkPositionX = data.width - watermarkSize - 10;
    const watermarkPositionY = data.height - watermarkSize - 10;

    Image
      .resolveAssetSource(watermarkImage)
      .then(({ uri }) => {
        return ImageManipulator.manipulateAsync(
          data.uri,
          [{ drawImage: { uri, x: watermarkPositionX, y: watermarkPositionY, width: watermarkSize, height: watermarkSize } }],
          { compress: 1, format: ImageManipulator.SaveFormat.JPEG }
        );
      })
      .then(({ uri }) => {
        // 处理完的带水印的图片URI
        console.log(uri);
      })
      .catch(error => {
        console.log(error);
      });
  }
};