Dart 不显示圆形图像的圆形电视
我用CicleAvatar来显示我的头像,但它没有显示圆形。 这是我的密码Dart 不显示圆形图像的圆形电视,dart,flutter,Dart,Flutter,我用CicleAvatar来显示我的头像,但它没有显示圆形。 这是我的密码 //Circle Image Widget circularImage(){ return new CircleAvatar( radius: 45, child: CachedNetworkImage( imageUrl: this.strImageURL, placeholder: new CircularProgressIndi
//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您应该将您的评论作为答案,因为这是正确的实际答案