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