直播系统搭建，Flutter实现圆形头像的几种方法

直播系统搭建，Flutter实现圆形头像的几种方法

Flutter实现圆形头像的几种方法

使用ClipRRect实现

1	child: ClipRRect(<br>  child:  Image(<br>    image: AssetImage('images/edge.png'),<br>    fit: BoxFit.cover,<br>    width: 100,<br>    height: 100,<br>  ),<br>  borderRadius: BorderRadius.circular(50),<br>),<br>

​使用CircleAvatar实现

1	child: CircleAvatar(<br>  backgroundColor: Colors.white,<br>  backgroundImage: AssetImage('images/edge.png'),<br>  //半径越大，图片越大<br>  radius: 50,<br>),<br>

使用Container、BoxDecoration来实现

1	Container(<br>  width: 100,<br>  height: 100,<br>  decoration: BoxDecoration(<br>      color: Colors.white,<br>      image: DecorationImage(<br>      image: AssetImage('images/edge.png'), fit: BoxFit.cover),<br>      shape: BoxShape.circle),<br>),

 以上就是 直播系统搭建，Flutter实现圆形头像的几种方法，更多内容欢迎关注之后的文章