Flutter CircleAvatar backgroundImage没有填满圆圈

Question

我正在使用CircleAvatar backgroundImage属性来加载从相机拍摄的图像，但显示的图像不会填满整个圆圈头像。它看起来像一个圆形的矩形图像。

如何将图片展开以覆盖圆形头像？感谢。

Answer 1

您始终可以创建图像并手动剪辑：

ClipOval(
  child: Image.network(
    "url.jpg",
    fit: BoxFit.cover,
    width: 90.0,
    height: 90.0,
  )
),

Answer 2

CircleAvatar(
        child: Image.network(
          items.logo,
          fit: BoxFit.fill,
        ),
        backgroundColor: Colors.transparent,
        radius: 30,
      )

Answer 3

这是我的工作示例：

Caused by: java.lang.RuntimeException: Can't create handler inside thread that has not called Looper.prepare(

Answer 4

如果您正在使用资产中的本地图像，则可以将CircleAvatar用作

CircleAvatar(
          backgroundImage: ExactAssetImage('assets/images/cook.jpeg'),
          // Optional as per your use case
          // minRadius: 30,
          // maxRadius: 70,
        ),

如果您正在使用网络映像，则可以将CircleAvatar用作

CircleAvatar(
     radius: 30.0,
     backgroundImage: NetworkImage(imageURL),
     backgroundColor: Colors.transparent,
     ));