蓝色圆圈显示在 CircleAvatar 资产图像中，而不是颤动中的真实图像答案

【问题标题】：Blue Circle is displayed in CircleAvatar Asset image instead of real image in flutter蓝色圆圈显示在 CircleAvatar 资产图像中，而不是颤动中的真实图像
【发布时间】：2021-10-15 08:59:22
【问题描述】：

我正在尝试在下面领先的 CircleAvatar 的卡片小部件中显示图像是我的代码

child: Card(
          child: ListTile(
            onTap: () {},
            title: Text(locations[index].location.toString()),
            leading: CircleAvatar(
              radius: 18.0,
              backgroundImage:
                  AssetImage('assets/${locations[index].flag}'),)

我想显示的不是真实图像，蓝色显示在圆圈中，如下图所示

【问题讨论】：

这些资产是否列在您的pubspec.yaml 文件中的assets: 下？

标签： flutter dart assets flutter-image

【解决方案1】：

首先，让你在pubspec.yaml上添加图片。
从资产加载数据时，请重启应用，而不是热重载或重启。
如果失败，请执行flutter clean 并再次运行。
否则，请确保图像路径。
也检查一下这个doc for supported image in flutter

【讨论】：

重启应用对我有用，谢谢

【解决方案2】：

将此添加到 CircleAvatar 背景颜色：Colors.transparent，

【讨论】：