Flutter中ImageIcon无法显示？详解ListTile中ImageIcon的路径配置方法

1. 先检查pubspec.yaml的资源配置 #

Flutter不会自动识别本地图片，必须在配置文件里声明：

flutter:
  assets:
    - images/abt.png
    # 要是images文件夹下有多个图，也可以直接写：- images/

注意缩进要正确，assets要和flutter:保持层级对齐（用2个空格），配置后记得重启IDE或者执行flutter pub get。

2. 确认文件路径和名称 #

• 确保项目根目录下确实有images文件夹，里面存在abt.png文件，文件名大小写要完全匹配（Flutter对大小写敏感，Abt.png和abt.png会被当成不同文件）。
• 如果图片在子文件夹里，路径要写全，比如images/icons/abt.png。

3. 移除ListTile的const关键字 #

你的代码里给ListTile加了const，但AssetImage是运行时加载的资源，不能放在const组件里。修改后代码：

child: ListTile(
  tileColor: Colors.blue,
  leading: ImageIcon(AssetImage('images/abt.png'), size: 25),
  title: Text(
    "About",
    style: TextStyle(
        color: Colors.black
    ),
  ),
),

4. 替代方案：直接用Image.asset作为leading #

如果还是有问题，可以跳过ImageIcon，直接用Image组件：

leading: Image.asset(
  'images/abt.png',
  width: 25,
  height: 25,
  fit: BoxFit.contain,
),

内容的提问来源于stack exchange，提问作者EMahan K