React Native:未获取的Firebase存储映像

时间:2018-04-14 21:16:57

标签: react-native react-native-fetch-blob react-native-image

我正在使用 react-native-image-cache-hoc &的斑点

const CacheableImage = imageCacheHoc(Image, {
  fileHostWhitelist: ['firebasestorage.googleapis.com']
});

并渲染

<CacheableImage style={styles.image} source={{ uri: this.props.uri }} permanent={false} />

this.props.uri:

https://firebasestorage.googleapis.com/v0/b/tura-113e0.appspot.com/o/userImages%2Fa@a.com%2Fimages%2FG%C3%B6khan%20Geyik?alt=media&token=54864e18-b9ce-42f3-84ae

*然后错误:  props.source.uri应该是一个具有有效协议和主机的Web可访问URL。注意:默认有效协议为https,默认有效主机为

error screen

你能帮助我吗? 谢谢。

1 个答案:

答案 0 :(得分:1)

我解决了问题。我将'react-native-cacheable-image'更改为Fast Image'react-native-fast-image。

如果您想使用它,您可以阅读: https://github.com/DylanVann/react-native-fast-image

我使用此代码然后解决了问题

<FastImage source={{  uri: this.props.uri }} />

谢谢