如何从资产中为CircleAvatar提供图片

Question

我正在使用CircleAvatar做一些测试。我知道通常会从网络上获取背景图片，这就是documentation显示的内容：

CircleAvatar(
  backgroundImage: NetworkImage(userAvatarUrl),
)

但是，出于测试目的，我只想使用资产图片。我做不到

leading: CircleAvatar(
  backgroundImage: Image.asset('assets/horse.png'),
)

因为错误提示

  

不能将参数类型Image分配给参数类型ImageProvider。

如何为ImageProvider提供资产图片？

Answer 1

使用CircleAvatar中的子属性：

  CircleAvatar(
      child: Image.asset('assets/horse.png'),
   );

或者如果要使用backgroundImage属性，请使用资产提供程序。

CircleAvatar(
  backgroundImage: AssetImage('assets/horse.png'),
);

Answer 2

使用avatar_view

println

输出：