dart - CircleAvatar 不显示圆形图像

Question

我正在使用 CicleAvatar 来显示我的头像，但它没有显示圆形。这是我的代码

  //Circle Image
  Widget circularImage(){
    return new CircleAvatar(
        radius: 45,
        child: CachedNetworkImage(
          imageUrl: this.strImageURL,
          placeholder: new CircularProgressIndicator(),
          errorWidget: new Icon(Icons.error),
        )
    );
  }

Answer 1

您可以像这样将缓存的网络图像包装在 ClipRRect 小部件中:

Widget circularImage(){
    return CircleAvatar(
        radius: 45,
        child: ClipRRect(
            borderRadius: BorderRadius.circular(45),
            child: CachedNetworkImage(
              imageUrl: this.strImageURL,
              placeholder: new CircularProgressIndicator(),
              errorWidget: new Icon(Icons.error),
            ),
        ),
    );
  }