Flutter填坑全面总结（包括Flutter1

在Flutter中，填坑是一种常见的技术，用于确保内容（通常是图片）能够以合适的方式填充特定的空间，通常是保持其宽高比。以下是一些常见的填坑技术以及它们的实现方式：

1. 使用FittedBox小部件来填充空间，并确保图片保持其宽高比。

FittedBox(
  fit: BoxFit.cover,
  child: Image.network('https://example.com/image.jpg'),
)

2. 使用Container并设置decoration属性，可以填充背景颜色或背景图片。

Container(
  decoration: BoxDecoration(
    image: DecorationImage(
      image: NetworkImage('https://example.com/image.jpg'),
      fit: BoxFit.cover,
    ),
  ),
)

3. 使用ClipRRect小部件来确保图片的边角是圆的，然后使用BoxFit.cover来填充空间。

ClipRRect(
  borderRadius: BorderRadius.circular(10.0),
  child: Image.network('https://example.com/image.jpg', fit: BoxFit.cover),
)

4. 使用AspectRatio小部件来保持图片的宽高比。

AspectRatio(
  aspectRatio: 16 / 9,
  child: Image.network('https://example.com/image.jpg', fit: BoxFit.cover),
)

5. 使用Transform小部件来旋转图片，然后使用BoxFit.cover来填充空间。

Transform.rotate(
  angle: -math.pi / 4,
  child: Image.network('https://example.com/image.jpg', fit: BoxFit.cover),
)

6. 使用CustomPaint小部件来自定义画布并以此来填充空间。

CustomPaint(
  painter: MyPainter(),
  child: SizedBox.expand(),
)
 
class MyPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    // 绘制操作
  }
 
  @override
  bool shouldRepaint(CustomPainter oldDelegate) {
    return false;
  }
}

以上都是在Flutter中填坑的常见方法，可以根据具体需求选择合适的方式。