緩存網絡 SVG 圖像

Question

我想在Flutter_SVG package的幫助下顯示從網絡檢索到的SVG 圖片，並通過 Hero 小部件在不同頁面中使用相同的圖片。 但是每次我使用SvgPicture.network()小部件時，它都會一次又一次地從網絡加載圖像；

第 1頁和第 2 頁

 Hero(
     tag: 'randomTag',
     child: SvgPicture.network(url),
 ),

我嘗試將緩存網絡圖像依賴項與Flutter_SVG package結合使用，但不知道如何將它們一起用作小部件；

Hero(
  tag: 'randomTag',
  child: CachedNetworkImage(
    imageUrl: url,
    imageBuilder: (context, ImageProvider<Object> imageProvider) {
      // How to use ImageProvider<Object> with SvgPicture?
    }
  ),
),

svg_cached_network_image依賴不是一個選項，因為它與我使用的其他依賴不兼容。

Answer 1

使用flutter_cache_manager從互聯網上保存 svg

此行從互聯網上獲取 svg 並保存到本地，下次調用它會從本地獲取

var file = await DefaultCacheManager().getSingleFile(url);

https://pub.dev/documentation/flutter_cache_manager/latest/flutter_cache_manager/BaseCacheManager/getSingleFile.html