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

时间:2016-01-22 16:33:49

标签: android react-native couchbase couchbase-lite couchbase-sync-gateway

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

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

我已经记录了uri并验证它是否已正确构建并转发出本地数据库端口以确保从源复制附件。然而,当项目的ListView呈现它缺少缩略图时。我还用图像的网址测试了ListView,它有时会工作,有时则不工作。喜欢couchdb附件,是的;但是有了cloudant附件,没有。

我认为这与用于Android中的Image组件的http服务以及设备上的couchbase lite实例的请求标头或响应标头有关。到目前为止,我还没有找到任何东西。

1 个答案:

答案 0 :(得分:1)

更多的解决方法而非解决方案:将图像存储为base64数据并按如下方式访问它们:

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

<Image source={{uri: imageURI}}