方式1:使用Container控件,最灵活,使用背景的方式,还可以在圆形内增加其他内容。
new Container(
constraints: BoxConstraints.expand(
width: 30.0,
height: 30.0,
),
decoration: new BoxDecoration(
image: DecorationImage(image: AssetImage('assets/home\_icon\_default\_business\_avatar.png')),
borderRadius: BorderRadius.circular(15.0),
),
// child: , //增加文字等
),
方式2:使用CircleAvatar控件,方便灵活,推荐使用
new CircleAvatar(
backgroundImage: AssetImage('assets/home_icon_default_business_avatar.png'),
radius: 15.0,
// child: , //增加文字等
),
方式3:使用ClipOval控件,只用于设置图片,但可以设置预览图片,适合于网络加载的图片。
new ClipOval(
child: Image.asset('assets/home_icon_default_business_avatar.png', width: 30.0, height: 30.0,),
),
new ClipOval(
child: new FadeInImage.assetNetwork(
placeholder: "assets/home_icon_default_business_avatar.png",//预览图
fit: BoxFit.contain,
image:"https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=3463668003,3398677327&fm=58",
width: 30.0,
height: 30.0,
),
),



所有评论(0)