列Column和行Row,主轴和交叉轴

Column

mainAxisAlignment主轴对齐方式

Column 中,主轴是垂直方向(竖直方向),mainAxisAlignment 决定子控件在垂直方向上的对齐方式。

crossAxisAlignment交叉轴对齐方式

交叉轴是与主轴垂直的方向,在 Column 中是水平方向。这个属性控制子控件在水平方向的对齐方式。

Row

mainAxisAlignment主轴对齐方式

在Row中,主轴是水平方向,mainAxisAlignment 决定子控件在水平方向上的对齐方式。

crossAxisAlignment交叉轴对齐方式

交叉轴是与主轴垂直的方向,在 Row 中是垂直方向。这个属性控制子控件在垂直方向的对齐方式。

相关推荐
贵沫末7 分钟前
React——基础
前端·react.js·前端框架
aklry19 分钟前
uniapp三步完成一维码的生成
前端·vue.js
Rubin9326 分钟前
判断元素在可视区域?用于滚动加载,数据埋点等
前端
爱学习的茄子27 分钟前
AI驱动的单词学习应用:从图片识别到语音合成的完整实现
前端·深度学习·react.js
用户38022585982427 分钟前
使用three.js实现3D地球
前端·three.js
程序无bug29 分钟前
Spring 面向切面编程AOP 详细讲解
java·前端
zhanshuo30 分钟前
鸿蒙UI开发全解:JS与Java双引擎实战指南
前端·javascript·harmonyos
撰卢1 小时前
如何提高网站加载速度速度
前端·javascript·css·html
10年前端老司机1 小时前
在React项目中如何封装一个可扩展,复用性强的组件
前端·javascript·react.js
Struggler2811 小时前
解决setTimeout/setInterval计时不准确问题的方案
前端