下载并存储图像以供离线使用React Native

Question

我正在构建iOS应用程序，在用户提示时，将获取包含图像URL的大型JSON文件。

如何下​​载这些图像，以便即使无法访问wifi /数据，我的应用程序也可以使用这些图像？

Answer 1

React Native对二进制数据的支持不足，您无法通过fetch直接获取二进制数据。但是，您可以在0.30分支或CameraRoll中使用XMLHttpRequest，请参阅this post。

如果要保留这些图像数据，请考虑使用AsyncStorage。

如果您想将图像存储在文件系统中，还有一些开源模块可以帮助您处理文件访问。

react-native-fs

react-native-fetch-blob

注意：react-native-fetch-blob已停止使用。 rn-fetch-blob是一个仍然维护的分支。使用npm时，请不要包含react-native-fetch-blob，而应包括rn-fetch-blob。