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

时间:2017-06-12 19:11:53

标签: android ios react-native

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

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

谢谢!

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

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

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

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

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

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

相关问题