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

Question

我正在尝试让我的 Flutter 应用与 Firebase 一起离线工作。我将对图像的引用存储在 Firestore 上，将图像文件存储在 Storage 上。我让 Firestore 部分正常工作，并且我正在使用 CachedNetworkImageProvider 来显示我的图像，这些图像会缓存以供离线使用。但是当我处于离线状态时，即使缓存了图片，我也无法获取图片的 URL，因此无法将其传递给使用 URL 作为键的 CachedNetworkImageProvider。

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

我是否需要手动将存储中的下载 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 引用更清晰。