Flutter系列--Row属性

最新推荐文章于 2025-04-10 07:30:00 发布

xuxin__

最新推荐文章于 2025-04-10 07:30:00 发布

阅读量3k

点赞数

本文链接：https://blog.youkuaiyun.com/u014072642/article/details/108253012

版权

本文详细介绍了Flutter中的Row组件属性，包括mainAxisSize的两种模式：和，以及mainAxisAlignment的对齐方式，如左对齐、右对齐和居中对齐。同时，讨论了crossAxisAlignment如何决定子Widgets在纵轴方向的对齐，以及与verticalDirection的关系。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mainAxisSize：

表示Row在主轴(水平)方向占用的空间，默认是MainAxisSize.max，表示尽可能多的占用水平方向的空间，此时无论子widgets实际占用多少水平空间，Row的宽度始终等于水平方向的最大宽度
而MainAxisSize.min表示尽可能少的占用水平空间，当子widgets没有占满水平剩余空间，则Row的实际宽度等于所有子widgets占用的的水平空间；

mainAxisAlignment：表示子Widgets在Row所占用的水平空间内对齐方式

如果mainAxisSize值为MainAxisSize.min，则此属性无意义，因为子widgets的宽度等于Row的宽度
只有当mainAxisSize的值为MainAxisSize.max时，此属性才有意义
MainAxisAlignment.start表示沿textDirection的初始方向对齐，
如textDirection取值为TextDirection.ltr时，则MainAxisAlignment.start表示左对齐，textDirection取值为TextDirection.rtl时表示从右对齐。
而MainAxisAlignment.end和MainAxisAlignment.start正好相反；
MainAxisAlignment.center