android - 来自 Couchbase Lite 的 React-Native Android 图像源

Question

使用 this带有 react-native Android 的 couchbase 模块提供了一个很好的 API 来获取和放入本地 couchbase-lite 数据库。但是，我想要做的是使用文档的缩略图附件作为 Image 组件的 source 属性的 URI。像这样:

var imageURI = 'http://localhost:5984/demoapp/' + this.props.book.thumbnail
...
<Image source={{uri: imageURI}} \>

我已经记录了 uri 并验证它的构造是否正确，并且还转发了本地数据库端口以确保附件是从源复制的。然而，当项目的 ListView 呈现时，它缺少缩略图。我还使用图像的 web url 测试了 ListView，它有时有效，有时无效。就像 couchdb 附件一样，是的；但是带着云雾般的依恋，不。

我想这与 Android 中用于图像组件的 http 服务以及来自设备上的 couchbase lite 实例的请求 header 或响应 header 有关。到目前为止，我还没有发现任何东西。

Answer 1

更多的是解决方法而不是解决方案:将图像存储为 base64 数据并像这样访问它们:

var imageURI = 'data:image/jpeg;base64,' + this.props.book._attachments["thumbnail.jpg"].data;
...

<Image source={{uri: imageURI}}