如何在React Native中组合多个图像？

Question

我不确定这是最好的地方，但我似乎无法找到我需要的东西。我是React Native的新手，我正在寻找一个允许我将多个图像组合在一起的模块。

我到处搜索，似乎找不到一个。除了滚动自己，我想我会问有人先知道一个。

谢谢！

编辑：修改此更多详细信息。所以我正在编写一个应用程序来拍摄图像并将其叠加在相机上。然后，当您拍摄照片以合并图像并保存到手机时。我想你可以说类似于Snapchat过滤器。

关于画布方式的第一个答案是我想要做的事情，但应用程序基本上已经死了。但是知道是否还有另一个模块用于此类任务仍然是一个很好的信息。

Answer 1

您只是想在一个视图中显示多个图像吗？没有模块，你可以相当简单地完成它。

<View>
    <Image />
    <Image />
    <Image />
</View>

Answer 2

现在我正在使用react-native-view-shot。 制作包装器视图并找到两个图像组件。 然后才开枪。

/// 我遇到了同样的问题，并且没有可用的模块，但有两种方法可以做到这一点。

1. 您可以开发自己的原生模块。 我使用这种方法。我认为这是组合多个图像的最佳方式。可以快速，小巧，所有部件都在你的控制之下。 但它有一些问题。 你应该使用android和ios开发语言。很难优化，如果你没有机会学习这些语言，那将是挑战或蠢事。 我使用这种方法，但我现在无法为IOS制作..

2. 使用react webview canvas模块。 实际上，我考虑使用这种方法。 有许多反应原生画布模块，您可以使用它与Web上的画布相同。 所以将您的图像发送到一个画布然后合并然后获取DataURL并转换为图像文件。 这似乎效率低下。但很容易，它会像你想象的那样移动。

最佳答案是...有人发布imagecombine模块并使用它。