Flutter – 填充小部件

在 Flutter 中，填充小部件是用于在小部件内部添加边距的方法之一。填充可以是固定大小的或基于设备屏幕的百分比。

填充小部件非常有用，因为它可以使您的布局看起来更好，避免小部件之间的过多贴边和拥挤。

在 Flutter 中，填充小部件通常是使用 Padding 小部件完成的。我们可以在 Padding 中设置所需的填充大小，并将要填充的小部件作为子元素包含在内。

以下是添加固定大小的填充的示例代码：

Padding(
  padding: EdgeInsets.all(16.0),
  child: Text('I am a text'),
)

在这个例子中，我们将一个 Text 小部件包含在 Padding 内，它有一个 all 填充类型，它将在顶部、底部、左侧和右侧添加一个大小为16像素的填充。

使用 EdgeInsets 的所有属性，我们可以指定不同的填充值，例如EdgeInsets.symmetric 方法：

Padding(
  padding: EdgeInsets.symmetric(vertical: 16.0),
  child: Text('I am a text'),
)

这将为垂直方向的子元素添加一个大小为16像素的填充。

我们还可以将一个小部件放入其他小部件之间来实现更复杂的部署。例如，以下代码将在一个带有背景颜色的 Container 中包含一个 Padding，然后在其中包含一个文本。容器将通过添加填充来调整其大小并将文本内容与其它部分分离。

Container (
  color: Colors.green,
  child: Padding(
    padding: EdgeInsets.all(16.0),
    child: Text('I am a text'),
  ),
)

填充小部件可以让您的小部件更好地看起来，组织在一起，并提高用户体验。现在您已经学会了很多有关填充小部件的知识，再去练习吧！