扑面下载自动图像并将其保存在资产中

Question

在我的应用中，我想使用资产文件中的SVG图像。 但是我想在应用程序中检查它们，如果图像资产与服务器的图像网络不同，我下载了图像网络并将其替换为我的图像资产，然后再次从资产中读取它以显示它们。 我该怎么做？

bool showvg = false;

 void compareSvg(){
     if(value['svgimage']['name'] != Image.profileSvg){

     // how download svg network and replace it to assetfile

       }else{
      showSvg = true; });}

及其我的代码示例：

 showSvg 
  ?SvgPicture.asset(Image.profileSvg) 
  :SvgPicture.asset(Image.newProfileSvg),

Answer 1

您无法比较图像（从技术上讲可以，但任务非常复杂）并替换资产文件。首次下载后需要缓存图像，并在下载图像之前将资产设置为占位符。查看dock 在这里。

编辑：

好的。我没有关于SVG的答案，但是如果在这里为真，则解决方案
添加此 pub 用于您项目的文件缓存。并且此代码可能会有所帮助：

  File? _downloaded;

  void _fetchImage() async {
    const key = "profile";
    const url =
        "http://upload.wikimedia.org/wikipedia/commons/0/02/SVG_logo.svg";
    final file = await DefaultCacheManager().getSingleFile(url, key: key);

    setState(() {
      _downloaded = file;
    });
  }

  Widget _svgImageFetcher() {
    _fetchImage();

    Widget networkSvg;

    if (_downloaded == null) {
      networkSvg = SvgPicture.asset("assets/images/profile.svg");
    } else {
      networkSvg = SvgPicture.file(_downloaded!);
    }

    return Column(children: [Expanded(child: networkSvg)]);
  }

只需将要显示映像的位置放置_svgimagefetcher（）窗口小部件即可。并更改默认的SVG图像和URL。