将React-Native捆绑映像传递给本机模块

Question

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

如果有办法为这些捆绑的图像获取本机文件路径，这将是非常直接的，但我似乎无法找到一种方法来做到这一点。我想其他一些花哨的React-Native传递图像的方式也可行，但我也没有看到过像这样的东西。

PS。目前我忙于安装Android模块，但我也希望它能在iOS上运行。

Answer 1

您可以使用base64编码的图像 https://www.w3schools.com/js/js_timing.asp

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

虽然

可能对大图像效率低下