Flutter控件——容器控件：Padding

Posted 2022-06-18 wzj_what_why_how

填充（Padding）

Padding

Padding可以给其子节点添加填充（留白），和边距效果类似。

Padding(
  ...
  EdgeInsetsGeometry padding,
  Widget child,
)

• EdgeInsetsGeometry是一个抽象类，开发中，我们一般都使用EdgeInsets类，它是EdgeInsetsGeometry的一个子类，定义了一些设置填充的便捷方法。

EdgeInsets

我们看看EdgeInsets提供的便捷方法：

• fromLTRB(double left, double top, double right, double bottom)：分别指定四个方向的填充。
• all(double value) : 所有方向均使用相同数值的填充。
• only(left, top, right ,bottom )：可以设置具体某个方向的填充(可以同时指定多个方向)。
• symmetric( vertical, horizontal )：用于设置对称方向的填充，vertical指top和bottom，horizontal指left和right。

eg

• padding: EdgeInsets.symmetric(horizontal: 8.w, vertical: 5.h),
• padding: EdgeInsets.symmetric(vertical: 8),//上下各添加8像素补白
• padding:const EdgeInsets.all(16), //上下左右各添加16像素补白
• EdgeInsets.fromLTRB(20, 0, 20, 20), // 分别指定四个方向的补白
• padding: EdgeInsets.only(left: 8), //左边添加8像素补白

开发者涨薪指南 48位大咖的思考法则、工作方式、逻辑体系