Flutter CircleAvatar backgroundImage没有填满圆圈

Question

我正在使用带有backgroundImage属性的CircleAvatar来加载从相机拍摄的图像,但显示的图像不会填满整个圆形头像.它看起来像一个圆形的矩形图像.如何使图像展开以覆盖圆形头像？谢谢.

Answer 1

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

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

Answer 2

如果您使用资产中的本地图像，那么您可以使用 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,
     ));