资产不加载，但是当我热重载时

Posted 2023-02-23

【中文标题】资产不加载，但是当我热重载时

【英文标题】：Assets do not load but when I hot reload

【发布时间】：2021-08-15 13:38:45

【问题描述】：

我是新来的颤振。我从后端获取图像并使用 Hero 和 FadeInImage 在屏幕上显示这些图像。 我已经在图片中添加了超链接，并在点击 API 后生成了图片列表。

child: Hero(
                tag: tag,
                child: FadeInImage(
                  width: 130.0,
                  height: 186.0,
                  placeholder: AssetImage('assets/images/splash1.png'),
                  fit: BoxFit.cover,

                  // onTap: _launchUrl(),

                  image: NetworkImage(
                      (merchant.logo)),
                  // fit: BoxFit.cover,
                ),
              ),
            ),
          ),

当我运行我的应用程序时，图像未加载；屏幕是空的。但是当我热重载时它会显示。

 ...List.generate(
            merchantsList.length,
            (index) 
              print(merchantsList.length);
              print(index);

              return MerchantCard(merchant: merchantsList[index]);

【问题讨论】：

生成后是否调用setstate？

不，我的代码中没有 setSate

【参考方案1】：

问题实际上是在列表中填充值之前构建了小部件。我在我的 listPopulated 函数上使用了 setState，它工作得很好。

【参考方案2】：

您可以使用占位符图像，也可以添加 Future Builder 概念，请检查 Future Concept。

@override
Widget build(BuildContext context) 
   return new FutureBuilder(
   future: _loadImage(),
   builder: (BuildContext context, AsyncSnapshot<Image> image) 
   if (image.hasData) 
    return image.data;  // image is ready
    else 
    return new Container();  // placeholder
     
    ,
  );

【讨论】：

I got this,"抛出了另一个异常：类型'NetworkImage'不是类型'Future的子类型？'哪里”