用户登录

mainAxis 指的是主轴 .. 在 Row 里面,主轴是横着的 .. 就是从左往右这条线 .. 在 Column 里面,主轴是竖着的 .. 就是从上到下这条线 ..

Row 还有 Column 里面有几个跟主轴相关的属性 .. 比如我们想设置一下小部件在主轴上的对齐方式 .. 可以添加一个 mainAxisAlignment ..

默认它的值应该是 MainAxisAlignment.start .. 就是在主轴开始的位置上 .. 在主轴结束的位置,可以用一下 MainAxisAlignment.end ..

让它们居中的话 .. 可以用一下 MainAxisAlignment.center ..

这个主轴上除了显示了这些小部件,另外还剩了一些空间 .. 这些空间可以把它们分配到小部件的周围 .. 把 mainAxisAligment 的值设置成 MainAxisAlignment.spaceAround .. 意思就是空间分配到小部件的周围 ..

再试一下 spaceBetween ... 这样主轴上剩下的空间会分配到小部件之间 ..

还有一个 spaceEvenly ... 把剩下的空间平均的分配到小部件之间 ..

我们可以再把这个 Column 换成 Row 试一下 .. 它的 mainAxisAlignment 的值是 MainAxisAlignment.spaceEvenly ... 同样会把主轴的剩下的空间平均分配到小部件之间 .. 现在这个主轴就变成了 Row .. 就是横着的 ... 水平方向的这条线 ..

mainAxis:主轴《 Flutter 移动应用:布局 》

统计

12081
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点