Flutter填坑全面总结(包括Flutter1
    		       		warning:
    		            这篇文章距离上次修改已过437天,其中的内容可能已经有所变动。
    		        
        		                
                在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中创建填坑的几种方法,你可以根据你的需求选择合适的方法来创建你的应用。
评论已关闭