dart - Flutter FadeInImage Network - 不会在 setState 图像更改时淡入图像

Question

我有一个使用 FadeInImage.assetNetwork 加载图像的小部件，第一次加载应用程序时，图像淡入工作正常，而当我尝试更新图像 URL 状态时，FadeInImage 选项不起作用。

Below 小部件用于加载图像，其中 qIcon 在 setState 上动态设置。

  Widget quizIconCard(qIcon) {
    return Card(
      margin: EdgeInsets.all(5.0),
      child: Container(
        padding: EdgeInsets.all(10.0),
        child: Column(
          children: <Widget>[
            FadeInImage.assetNetwork(
              height: 128,
              width: 128,
              placeholder: 'assets/login_logo.png',
              image: qIcon,
              imageScale: 1.2,
            )
          ],
        ),
      ),
    );
  }

qIcon 的 setState 更新图像 URL，但我们没有看到淡入效果和占位符图像。

有什么解决办法吗？

Answer 1

FadeInImage的描述表示淡入淡出仅在初始图像加载后发生一次，任何后续更改只会导致图像被替换。

When either placeholder or image changes, this widget continues showing the previously loaded image (if any) until the new image provider provides a different image.

这意味着您可能需要以生成新小部件而不是仅仅更改 URL 的方式来实现图像更改。