flutter之Padding, Align控件
2019-01-06 本文已影响19人
frankisbaby
Padding
对于前端同学来说Padding只是一个属性,但是在flutter里边Padding确是一个控件;对于布局过程中需要间距的Padding正合适;把文字用Padding包起来既可以实现padding;

new Padding(
padding:new EdgeInsets.fromLTRB(100, 50, 0, 0),
child:Text("你好2000",style:new TextStyle(color: Colors.red),),
),
注意点:Padding的布局分为两种情况:
当child为空的时候,会产生一个宽为left+right,高为top+bottom的区域;
当child不为空的时候,Padding会将布局约束传递给child,根据设置的padding属性,缩小child的布局尺寸。然后Padding将自己调整到child设置了padding属性的尺寸,在child周围创建空白区域。
Align

设置child的对齐方式,例如居中、居左居右等,并根据child尺寸调节自身尺寸。