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

发布时间 2023-05-24 14:06:21作者: 云豹科技-苏凌霄

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

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

使用ClipRRect实现

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

​使用CircleAvatar实现

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

使用Container、BoxDecoration来实现

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

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