如何在flutter中显示圆形头像图片？

Question

当使用以下代码时，我期望得到一个圆形头像图像，但得到一个椭圆形。我尝试了不同的参数，例如容器的宽度和高度，但这没有帮助。

 appBar: AppBar(
        backgroundColor: Colors.white,
        leading: IconButton(
          icon: new Icon(Icons.star_border, color: Colors.black),
          onPressed: () => {},
        ),
        actions: <Widget>[
          Container(
            //height: 25.0,
            // width: 25.0,
            child: CircleAvatar(
              backgroundImage: NetworkImage('https://lh3.googleusercontent.com/a-/AAuE7mChgTiAe-N8ibcM3fB_qvGdl2vQ9jvjYv0iOOjB=s96-c'),
            )
            /*
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              image: DecorationImage(
                  fit: BoxFit.fill,
                  image: NetworkImage(
                      'https://lh3.googleusercontent.com/a-/AAuE7mChgTiAe-N8ibcM3fB_qvGdl2vQ9jvjYv0iOOjB=s96-c')),
            ),*/
          ),
        ],

Answer 1

您收到的是椭圆形形状，因为您正在小部件CircleAvatar中使用Appbar高度有限的小部件。

radius尝试在 Widget 中添加一个参数，CircleAvatar它将返回您想要的图像圆形。

根据您的需要尝试更改半径大小值。

CircleAvatar(
          backgroundImage: NetworkImage('https://lh3.googleusercontent.com/a-/AAuE7mChgTiAe-N8ibcM3fB_qvGdl2vQ9jvjYv0iOOjB=s96-c'),
         radius: 15.0
        )