flutter

flutter之Padding, Align控件

2019-01-06  本文已影响19人  frankisbaby

Padding

对于前端同学来说Padding只是一个属性,但是在flutter里边Padding确是一个控件;对于布局过程中需要间距的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

Align

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

上一篇 下一篇

猜你喜欢

热点阅读