美文网首页
Flutter mainAxisAlignment和crossA

Flutter mainAxisAlignment和crossA

作者: 小小程序员jh | 来源:发表于2019-11-06 12:10 被阅读0次

    垂直布局时:y轴为主轴,x轴为副轴!
    水平布局时:x轴为主轴,y轴为副轴!

    MainAxisAlignment(主轴)和CrossAxisAlignment(交叉轴)常用于Row和Column控件中,主要是用来控制子控件排列的位置,并可以配合textDirection和verticalDirection属性来控制子控件排列的方向及改变MainAxisAlignment和CrossAxisAlignment的起始位置。

    垂直布局.png 水平布局.png

    MainAxisSize.min : 主轴方向,包裹住 children即可

    MainAxisSize.max: 主轴方向,铺满 ( Row 或者 Column )的父 Widget 的大小。
    MainAxisAlignment.center: 控件居中;
    MainAxisAlignment.spaceEvenly: 将主轴空白区域均分,使各个子控件间距相等
    MainAxisAlignment.spaceBetween:将主轴空白位置进行均分,排列子元素,首尾子控件距边缘没有间隙。

    参考文章
    参考代码

    相关文章

      网友评论

          本文标题:Flutter mainAxisAlignment和crossA

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