image - 如何从 Assets 中为 CircleAvatar 提供图像

Question

我正在使用 CircleAvatar 进行一些测试。我知道背景图像通常会从网络上获取，这就是 documentation显示:

CircleAvatar(
  backgroundImage: NetworkImage(userAvatarUrl),
)

但是，出于测试目的，我只想使用 Assets 图像。我不能这样做

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

因为正如错误所说

The argument type Image can't be assigned to the parameter type ImageProvider.

如何将 Assets 图像提供给 ImageProvider？

Answer 1

使用 CircleAvatar 的子属性:

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

或者如果您想使用 backgroundImage 属性，请使用 Assets 提供者。

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