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

Column

mainAxisAlignment主轴对齐方式

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

crossAxisAlignment交叉轴对齐方式

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

Row

mainAxisAlignment主轴对齐方式

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

crossAxisAlignment交叉轴对齐方式

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

相关推荐
用户9545156811623 分钟前
实际开发中 | 与 || 的使用方法及组件封装方案解析
前端
得帆云低代码4 分钟前
COC Asia 2025|得帆云 ETL:顺应 Hive 新特性,重塑数据管道的未来
前端
十字路口的火丁33 分钟前
前端开发如何灵活使用 css 变量
前端
_志哥_40 分钟前
深度解析:解决 backdrop-filter 与 border-radius 的圆角漏光问题
前端·javascript·html
南囝coding44 分钟前
100% 用 AI 做完一个新项目,从 Plan 到 Finished 我学到了这些
前端·后端
qiao若huan喜1 小时前
10、webgl 基本概念 + 坐标系统 + 立方体
前端·javascript·信息可视化·webgl
前端一课1 小时前
Vue3 的 Composition API 和 Options API 有哪些区别?举例说明 Composition API 的优势。
前端
用户47949283569151 小时前
都说node.js是事件驱动的,什么是事件驱动?
前端·node.js
晴殇i1 小时前
前端架构中的中间层设计:构建稳健可维护的组件体系
前端·面试·代码规范
申阳2 小时前
Day 7:05. 基于Nuxt开发博客项目-首页开发
前端·后端·程序员