Flutter本地添加图片遇类型错误：Image无法赋值给ImageProvider

错误原因 #

CircleAvatar的backgroundImage参数要求传入ImageProvider类型的对象，但你使用的Image.asset('assets/images/pic.jpg')返回的是一个Widget（Image组件），两者类型不匹配，因此触发了类型赋值错误。

本地图片添加及正确使用步骤 #

1. 配置资源文件路径 #

在项目根目录的pubspec.yaml文件中，找到flutter配置块，添加assets路径（确保你的图片存放在assets/images/目录下）：

flutter:
  assets:
    - assets/images/

注意：yaml文件对缩进敏感，assets需与flutter下的其他配置（如uses-material-design）保持相同缩进级别，每个路径前的-后要加空格。

2. 修正代码中的图片引用 #

将Image.asset()替换为AssetImage()，因为AssetImage是ImageProvider的子类，符合backgroundImage的参数要求：

ListTile(
  title: Text('Manzar'),
  subtitle: Text('Where are you from'),
  trailing: Text('6:30 pm'),
  leading: CircleAvatar(
    backgroundImage: AssetImage('assets/images/pic.jpg'),
  ),
);

如果是直接显示图片（而非作为背景图），才需要使用Image.asset('assets/images/pic.jpg')这种方式。

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