美文网首页Flutter
Flutter轴的使用

Flutter轴的使用

作者: 漆先生 | 来源:发表于2022-07-04 16:49 被阅读0次

一、轴

MainAxisAlignment是主轴
CrossAxisAlignment交叉轴
在Row中,主轴是横向的,交叉轴是纵向的
在Column中,主轴是纵向的,交叉抽是横向的

二、MainAxisAlignment

start把孩子尽可能地靠近主轴的起点
end把孩子尽可能地靠近主轴的末端
center将孩子们放置在尽可能靠近主轴中间的位置
spaceBetween把空闲的空间均匀地放在孩子们之间
spaceAround 把空闲的空间平均放置在两个孩子之间,以及第一个孩子的前面和最后一个孩子后面只占孩子之间间距的一半。
spaceEvenly把空闲的空间均匀地放置在两个孩子之间,以及第一个之前和最后一个孩子之后

三、CrossAxisAlignment

start放置孩子时,他们的起始边与十字轴的起始边对齐。如在row里边,顶部对齐
end让孩子们尽可能靠近十字轴的末端
center放置孩子,使他们的中心与十字轴的中间对齐
stretch要求子元素填充十字轴
baseline把孩子放在横轴上,这样他们的基线就匹配了,需要搭配textBaseline参数使用

相关文章

网友评论

    本文标题:Flutter轴的使用

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