Flutter 中 Gap 和 SizedBox 的比较与区别

在 Flutter 中，两个小部件在控制应用设计布局尺寸和空间方面起着至关重要的作用，它们是 SizedBox 和 Gap 小部件。

在 Flutter 中构建响应式布局时，间距和大小很重要。框架提供了一些简单但功能强大的小部件来控制间距和大小，SizedBox 和 Gap。让我们来了解一下 SizedBox 和 Gap。

SizedBox

Flutter 中的 SizedBox 小部件是一个简单而多功能的小部件，它允许你显式地设置小部件的宽度和高度，从而精确控制其尺寸。

它是 Flutter SDK 中的内置小部件，类似于 Container 小部件，但属性较少。例如，以下代码将在两个小部件之间添加 10 像素高的间隙：

Column(
  children: [
    Text("Widget 1"),
    SizedBox(height: 10),
    Text("Widget 2"),
  ],
)

SizedBox 小部件还可用于约束子小部件的大小。例如，以下代码将使文本小部件的宽度为 100 像素：

SizedBox(
    width: 100,
    height: 100