方式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, ), ),