Question

我有两个单独的图像，一个是从相机点击的主图像，另一个是我从图库中选取图像的图像，我需要将这两个图像组合起来制作新图像，以便将图像保存到图库中并且在社交媒体上分享我需要这样做以反应原生感谢帮助

<Image
    style={{width: width, height: height*.7}}
    source={{ uri: imageAdress }} />
<Image 
   source={this.state.avatarSource} 
   style={{width: 80, height: 80, position:'absolute', top: 20, left: 20}} />

以下是我需要合并它们的两个图像。

Answer 1

我得到了我的问题的答案。您可以拍摄快照查看其简单，您可以将两个图像放在一个视图和快照中查看。我用这个插件。

react-native-view-shot

https://github.com/gre/react-native-view-shot

这将允许您拍摄特定视图的快照感谢

Answer 2

您可以使用react-native-image-tools，例如：

RNImageTools.merge(
    [
        image1,
        image2,
        image3,
    ]
).then(({ uri, width, height }) => {
  // Sync with your app state
}).catch(console.error);

Answer 3

react-native-images-combine

https://github.com/maurisdev/react-native-images-combine

import ImagesCombineLibrary from 'react-native-images-combine';

ImagesCombineLibrary.combineImages([
  Image.resolveAssetSource(require('../images/test1.png')),
  Image.resolveAssetSource(require('../images/test2.png'))
]).then((base64) => {

});

将两个图像合并为一个新图像，并将其作为原生

3 个答案: