React native 如何从URL下载图像并为Android缓存(React Native)

React native 如何从URL下载图像并为Android缓存(React Native),react-native,react-native-android,React Native,React Native Android,我需要从url下载一个图像并将其缓存到应用程序的缓存目录。我正在react原生平台上开发应用程序。据我所知,我在IOS上工作的队友有一个可以缓存图像的道具,而这个道具在Android上还不受支持。我需要一个很好的方式为Android缓存图像 react native的版本:0.60.5 我已尝试使用rn fetch blob库。我试图在缓存中存储一个图像,但是,当我使用路径 RNFetchBlob .config({ fileCache : true, appendExt :

我需要从url下载一个图像并将其缓存到应用程序的缓存目录。我正在react原生平台上开发应用程序。据我所知,我在IOS上工作的队友有一个可以缓存图像的道具,而这个道具在Android上还不受支持。我需要一个很好的方式为Android缓存图像

react native的版本:0.60.5

我已尝试使用rn fetch blob库。我试图在缓存中存储一个图像,但是,当我使用路径

RNFetchBlob
  .config({
    fileCache : true,
    appendExt : 'jpg'
  })
  .fetch('GET', 'some url from firebase storage', {
  })
  .then((res) => {
     this.setState({ imagePAth: res.path() })
  })
react本机缓存映像的最新版本需要react本机社区提供的netinfo库。顺便说一句,我已经上网了。我正在使用库中的代码示例来测试它

如果您需要参考我使用的库:

我真的很感激任何帮助。谢谢大家!

您可以尝试使用react native fast image

注意:您必须使用React Native 0.60.0或更高版本才能使用most react本机快速映像的最新版本

实例 从“反应本机快速图像”导入快速图像 const YourImage==> 您可以尝试使用本机快速映像

注意:您必须使用React Native 0.60.0或更高版本才能使用most react本机快速映像的最新版本

实例 从“反应本机快速图像”导入快速图像 const YourImage==>
谢谢你的回复。我找到了另一个在IOS和Android上都能找到的库。响应本机映像缓存。至少它在react native:0.60.5上运行良好。我并没有尝试对本地的快速图像做出反应,但如果人们说它是有效的,那么它应该是有效的

请参阅:
如果您对图书馆感兴趣。

谢谢您的回复。我找到了另一个在IOS和Android上都能找到的库。响应本机映像缓存。至少它在react native:0.60.5上运行良好。我并没有尝试对本地的快速图像做出反应,但如果人们说它是有效的,那么它应该是有效的

请参阅:
如果您对库感兴趣。

您是否尝试过使用react native fast image,它非常适合处理缓存图像。这使得管理图像和缓存比自己做容易得多。@Andrew,谢谢你的回复。我在库react native image cache hoc中找到了这个。它适用于IOS和Android。我发布了一个关于文件系统上图像缓存的新软件包:它在引擎盖下使用react native file access witch is mentained,而不是react native fetch blobHave您尝试过使用react native fast image吗?它非常适合处理缓存图像。这使得管理图像和缓存比自己做容易得多。@Andrew,谢谢你的回复。我在库react native image cache hoc中找到了这个。它适用于IOS和Android。我发布了一个关于文件系统上图像缓存的新软件包:它在引擎盖下使用react-native file access witch is mentained,而不是react-native fetch blobI get[TypeError:Network request failed],当我尝试使用react-native-image cache时。你以前有没有遇到过这种情况?很抱歉反应太晚,我已经有一段时间没来了。过了一段时间,包停止为我工作,我设置了react native fast imageI get[TypeError:Network request failed],当时我尝试使用react native image cache hoc。你以前有没有遇到过这种情况?很抱歉反应太晚,我已经有一段时间没来了。过了一段时间,软件包停止为我工作,我设置了react native fast image
<Image
  style={{ width: 200, height: 200, resizeMode: "contain" }}
  source={{ uri: "file://" + this.state.imagePath }}
/>
undefined is not an object Netinfo.isconnected
yarn add react-native-fast-image or npm install --save react-native-fast-image