蓝色圆圈显示在 CircleAvatar Asset 图像中，而不是 flutter 中的真实图像

Question

我正在尝试在 CircleAvatar 的 Card 小部件中显示图像，下面是我的代码

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

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

Answer 1

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

Answer 2

首先，让你在pubspec.yaml上添加图片。
从资产加载数据时，请重启应用，而不是热重载或重启。
如果失败，请再次执行 flutter clean 和运行。
否则，请确定图片路径。
也在 flutter

doc for supported image

Answer 3

在你的 pubspec.yaml 文件中记住这个原则

资产 #（1 个制表符或 2 个空格） - assets/ #（2 个制表符或 4 个空格）

这对我有用！

蓝色圆圈显示在 CircleAvatar Asset 图像中，而不是 flutter 中的真实图像

Blue Circle is displayed in CircleAvatar Asset image instead of real image in flutter

flutter

dart

assets

flutter-image