flutter显示圆形头像

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

转载于:https://my.oschina.net/hejunbinlan/blog/2236733