flutter 常用组件之Padding Align Center

119 阅读1分钟

Padding Align Center组件

Padding

Padding可以给其子节点添加补白(填充)

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

Align组件

设置child的对齐方式 当widthFactor和heightFactor为null的时候,当其有限制条件的时候,Align会根据限制条件尽量的扩展自己的尺寸,当没有限制条件的时候,会调整到child的尺寸; 当widthFactor或者heightFactor不为null的时候,Aligin会根据factor属性,扩展自己的尺寸,例如设置widthFactor为2.0的时候,那么,Align的宽度将会是child的两倍。

 alignment: Alignment.center,
  widthFactor: 2.0,
  heightFactor: 2.0,

Center

Center继承自Align,只不过是将alignment设置为Alignment.center,其他属性例如widthFactor、heightFactor,布局行为,都与Align完全一样