美文网首页flutter
flutter之Padding, Align控件

flutter之Padding, Align控件

作者: frankisbaby | 来源:发表于2019-01-06 12:08 被阅读19次

    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尺寸调节自身尺寸。

    相关文章

      网友评论

        本文标题:flutter之Padding, Align控件

        本文链接:https://www.haomeiwen.com/subject/lltjrqtx.html