Flutter Widget 之Padding

当应用程序中有许多widget时画面常常会变得很拥挤，你看这些框它们彼此重叠。

这些的框虽然是群居在一起，但它们确实保持一点距离

你可以用Paddingg widget,为这些框提供一些空间，在其子项的任意或所有面上添加填充和空间，只需将你要添加空间的widget作为Paddingg的子项即可。

然后，用Padding属性告诉他要提供多少空间.

例如传入EdgeInsets.all将在widget的多有面中后卫放置相同睡昂的填充

Padding(
    padding: EdgeInsets.all(12.0),
    child: BlueBox(),
)

EdgeInsets是EdgeInsetsGeometry抽象类的实施，Padding用它来确定应用的位置和多少空间

它首先告诉子项可以占用的空间量是有给定的填充空间量束缚，然后不用任何东西填充剩余的空间

EdgeInsets指定基本方向上的空间左、上、右和下，并忽略应用程序的当前文本方向

EdgeInsets.fromLTRB(
    left: 12.0,
    top: 12.0,
    right: 12.0,
    botton: 12.0,
);

另一方面EdgeInsetsDiredtional为我们提供了空间的起点和终点。

EdgeInsetsDiredtional.fromSTEB(
    start: 12.0,
    top: 12.0,
    end: 12.0,
    bottom: 12.0,
);

就这样widget之间就可以保持适当的间距了

如果想了解有关Padding的内容，或者关于Flutter的其他功能，请访问flutter.dev

原文翻译自视频：视频地址