在 Flutter 中，如何使用 CachedNetworkImage 显示来自 Firebase 的离线图像？

Question

我正在尝试让我的 Flutter 应用与 Firebase 脱机工作。我将对我的图像的引用存储在 Firestore 上，并将图像文件存储在 Storage 上。我让 Firestore 部分工作，我正在使用 CachedNetworkImageProvider 来显示我的图像，这些图像会缓存以供离线使用。但是当我离线时，即使图片被缓存了，我也无法获取图片的URL，所以我无法将它传递给CachedNetworkImageProvider，它以URL为key。

所以在离线时我知道图像路径，并且我将文件存储在设备上，我只需要一种获取 URL 的方法。

我是否需要手动将存储中的下载 URL 存储在设备上，以便我可以离线使用它们？还是有更好的办法？

获取网址的代码：

// this doesn't work offline
category.url = await storage
    .ref()
    .child("category_images/drawable-${DeviceInfo.dpiString}")
    .child(document.data["media"]["src"])
    .getDownloadURL();

显示图像的代码：

image: new CachedNetworkImageProvider(_category.url),

Answer 1

您还需要保存 URL。一个好地方可能是您在 Firestore 中的图像参考。

另一个选项是使用本地文件，因为您说您知道路径，但我认为通过 URL 引用更简洁。