直播系统搭建,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实现圆形头像的几种方法,更多内容欢迎关注之后的文章
标签:实现,几种,头像,圆形,直播,100,Flutter From: https://www.cnblogs.com/yunbaomengnan/p/17428134.html