将 React-Native 捆绑图像传递给原生模块答案

【问题标题】：Pass React-Native bundled image to native module将 React-Native 捆绑图像传递给原生模块
【发布时间】：2018-05-24 15:39:43
【问题描述】：

我正在尝试为 React-Native 编写一个可以处理图像的本机模块，并且 JS 代码必须可以传入捆绑的图像。通过捆绑图像，我指的是可以使用 require 将图像类型设置为 Image 组件的源的类型。

如果有办法为那些捆绑的图像获取本机文件路径，这将是非常简单的，但我似乎找不到这样做的方法。我想其他一些花哨的 React-Native 传递图像的方式也可以，但我也没有看到类似的东西。

附言。目前我正忙于 Android 模块，但我希望它也能在 iOS 上运行。

【问题讨论】：

标签： android ios react-native

【解决方案1】：

您可以使用 base64 编码的图像 https://facebook.github.io/react-native/docs/image.html

<Image
  style={{width: 66, height: 58}}
  source={{uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAEXRFWHRTb2Z0d2FyZQBwbmdjcnVzaEB1SfMAAABQSURBVGje7dSxCQBACARB+2/ab8BEeQNhFi6WSYzYLYudDQYGBgYGBgYGBgYGBgYGBgZmcvDqYGBgmhivGQYGBgYGBgYGBgYGBgYGBgbmQw+P/eMrC5UTVAAAAABJRU5ErkJggg=='}}
/>

不过对于大图像可能效率低下

【讨论】：

到底是怎么把它带到原生端的？