Flutter填坑全面总结(包括Flutter1
在Flutter中,填坑是一种常见的技术,用于创建可以填充空间的形状。Flutter提供了一些内置的填坑类,例如BoxDecoration,CircleAvatar,以及ClipOval等。
- 使用BoxDecoration
BoxDecoration是一个装饰类,它可以设置背景色,边框,阴影,还可以设置图片作为背景。
Container(
decoration: BoxDecoration(
color: Colors.blue,
image: DecorationImage(
image: NetworkImage('https://www.example.com/image.jpg'),
fit: BoxFit.cover,
),
border: Border.all(color: Colors.red, width: 2.0),
borderRadius: BorderRadius.circular(10.0),
),
)
- 使用CircleAvatar
CircleAvatar是一个创建圆形图片的Widget,可以设置背景色,并且可以自动将子Widget包装在一个圆形中。
CircleAvatar(
backgroundColor: Colors.blue,
child: Text('FL'),
)
- 使用ClipOval
ClipOval是一个剪裁Widget的类,可以将子Widget剪裁成圆形。
ClipOval(
child: Image.network(
'https://www.example.com/image.jpg',
width: 100,
height: 100,
fit: BoxFit.cover,
),
)
- 使用ClipRRect
ClipRRect是一个剪裁Widget的类,可以将子Widget剪裁成圆角矩形。
ClipRRect(
borderRadius: BorderRadius.circular(10.0),
child: Image.network(
'https://www.example.com/image.jpg',
width: 100,
height: 100,
fit: BoxFit.cover,
),
)
以上就是在Flutter中创建填坑的几种方法,你可以根据你的需求选择合适的方法来创建你的应用。
评论已关闭