Flutter – SizedBox 小部件

SizedBox 是 Flutter 中的一个小部件，用于创建具有固定尺寸的空间。它允许您指定宽度和高度，以便用于布局或创建间距。

属性

• key：小部件的唯一标识符，可用于查找小部件。
• width：指定小部件的宽度。可以是具体数值，例如 100.0，也可以是和父容器的宽度相关的相对数值，例如 0.5（等于父容器宽度的一半）。
• height：指定小部件的高度。使用方式和 width 相同。
• child：小部件内部包含的子级小部件。可以是一个单独的小部件或一个小部件树。

示例

以下是一个使用 SizedBox 小部件的示例：

SizedBox(
  width: 200.0,
  height: 100.0,
  child: Container(
    color: Colors.blue,
    child: Text(
      'Hello World',
      style: TextStyle(
        color: Colors.white,
        fontSize: 20.0,
      ),
    ),
  ),
)

在上述示例中，我们创建了一个宽度为 200.0，高度为 100.0 的 SizedBox。其内部包含一个蓝色背景的 Container，并在容器内部居中显示了一个白色文字。

用例

SizedBox 可用于各种布局和间距需求。以下是一些示例用例：

• 创建指定大小的按钮。
• 在其他小部件之间添加间距。
• 为容器指定固定的宽高比。
• 创建具有固定尺寸的图标或图片。

总结

使用 SizedBox 小部件，您可以轻松地创建具有固定尺寸的空间，用于各种布局和间距需求。它具有灵活的属性，可以方便地进行调整和定位。

请注意，SizedBox 小部件不支持自适应大小，如果需要自适应大小，请考虑使用 Flexible 或 Expanded 等其他小部件。

更多关于 SizedBox 小部件的信息可以在官方文档中获取。