flutter FadeInImage.assetNetwork第一遍只显示Container颜色

最新推荐文章于 2024-05-15 22:39:24 发布

氤氲息

最新推荐文章于 2024-05-15 22:39:24 发布

阅读量441

点赞数

分类专栏：安卓文章标签： flutter

本文链接：https://blog.csdn.net/weixin_44911775/article/details/125277572

版权

安卓专栏收录该内容

381 篇文章 4 订阅

订阅专栏

"本文分享了在使用FadeInImage.assetNetwork组件时遇到的问题，即初次加载可能显示空白，需判断url是否为空。通过添加if(bgPhoto!="")条件，确保图片在非空状态下显示，并使占位符生效，避免了资源未加载导致的用户体验问题。"

摘要由CSDN通过智能技术生成

FadeInImage.assetNetwork第一遍只显示Container颜色，第二次开始才显示图片，而且占位符也不起作用，琢磨了一会，发现是要判空才可以，即if (bgPhoto != “”)。使用该组件先先判断是不是空，不是空的才调用，就不会出现URL为空的情况了

if (bgPhoto != "")
              Container(
                margin: const EdgeInsets.only(),
                decoration: BoxDecoration(
                  color: Colors.grey,
                ),
                child: FadeInImage.assetNetwork(
                  placeholder:
                      "assets/base_widgets/icon_place_holder_photo.png",
                  image: bgPhoto,
                  imageErrorBuilder: (context, error, stackTrace) {
                    return Container(
                      color: Colors.grey,
                    );
                  },
                  fit: BoxFit.cover,
                ),
              ),