Flutter的线性布局Row和Column分别用于水平和垂直排列子Widget。主轴是布局的主要方向，如Row的水平方向，Column的垂直方向。MainAxisAlignment和CrossAxisAlignment分别控制主轴和纵轴的对齐方式，例如在Row中设置mainAxisAlignment:MainAxisAlignment.center可实现水平居中。Column中设置crossAxisAlignment:CrossAxisAlignment.center则使子Widget在水平方向居中。两者在主轴方向占用全部空间，纵轴长度由最大子元素决定。
关于Flutter中线性布局（Row和Column）
主轴和纵轴
对于线性布局，有主轴和纵轴之分，如果布局是沿水平方向，那么主轴就是指水平方向，而纵轴即垂直方向；如果布局沿垂直方向，那么主轴就是指垂直方向，而纵轴就是水平方向。在线性布局中，有两个定义对齐方式的枚举类MainAxisAlignment和CrossAxisAlignment，分别代表主轴对齐和纵轴对齐。
1. Row
Row可以沿水平方向排列其子widget.
对于Row来说，MainAxis为Row的主轴，即水平方向。如果水平排列的组件需要水平居中则可以设置
mainAxisAlignment: MainAxisAlignment.center,//水平居中CrossAxis为纵轴，即垂直方向。
2. Column
Column可以沿垂直方向排列其子widget.
对于Co
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
