Flutter轴的使用
2022-07-04 本文已影响0人
漆先生
一、轴
MainAxisAlignment是主轴
CrossAxisAlignment交叉轴
在Row中,主轴是横向的,交叉轴是纵向的
在Column中,主轴是纵向的,交叉抽是横向的
二、MainAxisAlignment
start
把孩子尽可能地靠近主轴的起点
end
把孩子尽可能地靠近主轴的末端
center
将孩子们放置在尽可能靠近主轴中间的位置
spaceBetween
把空闲的空间均匀地放在孩子们之间
spaceAround
把空闲的空间平均放置在两个孩子之间,以及第一个孩子的前面和最后一个孩子后面只占孩子之间间距的一半。
spaceEvenly
把空闲的空间均匀地放置在两个孩子之间,以及第一个之前和最后一个孩子之后
三、CrossAxisAlignment
start
放置孩子时,他们的起始边与十字轴的起始边对齐。如在row里边,顶部对齐
end
让孩子们尽可能靠近十字轴的末端
center
放置孩子,使他们的中心与十字轴的中间对齐
stretch
要求子元素填充十字轴
baseline
把孩子放在横轴上,这样他们的基线就匹配了,需要搭配textBaseline参数使用