Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Dart 不显示圆形图像的圆形电视_Dart_Flutter - Fatal编程技术网

Dart 不显示圆形图像的圆形电视

Dart 不显示圆形图像的圆形电视,dart,flutter,Dart,Flutter,我用CicleAvatar来显示我的头像,但它没有显示圆形。 这是我的密码 //Circle Image Widget circularImage(){ return new CircleAvatar( radius: 45, child: CachedNetworkImage( imageUrl: this.strImageURL, placeholder: new CircularProgressIndi

我用CicleAvatar来显示我的头像,但它没有显示圆形。 这是我的密码

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

您可以在ClipRect小部件中包装cachedNetworkImage,如下所示:

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),
            ),
        ),
    );
  }

ClipOval
可以使用,这将创建一个椭圆形的剪辑。 如果[clipper]为空,则椭圆形将被刻入布局尺寸和 孩子的位置

ClipOval(
  child: Image.asset(
    "image.png",
    fit: BoxFit.cover,
    width: 50.0,
    height: 50.0,
  )
),

@代码猎人很高兴我能帮忙!接受我的回答将不胜感激!您需要使用backgroundImage:property才能将其放入圆中@anmol.majhail您应该将您的评论作为答案,因为这是正确的实际答案