React-Native:通过URL获取缓存的图像

时间:2017-09-19 14:45:15

标签: caching react-native

如果我将图像放在我的React Native项目的根文件夹中的/images文件夹中,我可以使用http://localhost:8081/assets/images/myimage.jpg在调试器中访问它;

我正在使用react-native-fs来缓存从网上下载的图像,并将它们保存到以下位置:/Users/username/Library/Developer/CoreSimulator/Devices/[UUID]/data/Containers/Data/Application/7[UUID]/Library/Caches/myimage.jpg(在模拟器上)。

是否有可能以某种方式为他们提供服务,以便通过访问http://localhost:8081上的端点来访问它们?

我的用例:我正在尝试在WebView中加载图像:

<WebView
  source={{ html: `<img src="http://localhost:8081/assets/images/myimage.jpg" />` }}
/>

上面的代码有效,但我希望加载缓存的图像。

这不起作用:

<WebView
  source={{ html: `<img src="file:///Users/username/Library/Developer/CoreSimulator/Devices/[UUID]/data/Containers/Data/Application/7[UUID]/Library/Caches/myimage.jpg" />` }}
/>

0 个答案:

没有答案