Flutter轴的使用

一、轴

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

二、MainAxisAlignment

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

三、CrossAxisAlignment

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容