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

问题描述

我是 Flutter 的新手。我从后端获取图像并使用 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]);

解决方法

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

@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
     }
    },);
}

,

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