美文网首页
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