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

Column

mainAxisAlignment主轴对齐方式

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

crossAxisAlignment交叉轴对齐方式

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

Row

mainAxisAlignment主轴对齐方式

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

crossAxisAlignment交叉轴对齐方式

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

相关推荐
snow@li31 分钟前
Java:Java 服务器(Web 容器 / Servlet 容器)完整工作清单
java·服务器·前端
洋子1 小时前
Yank Note 系列 14 - 我和 AI 怎么一起写文章
前端·markdown
江华森2 小时前
前端构建工具 Webpack 速览
前端·webpack·node.js
谙忆10242 小时前
HTTP 图片缓存实战:Cache-Control、ETag、内容哈希文件名与 CDN 回源到底怎么配
前端
小妖6662 小时前
React input 输入卡顿问题
前端·javascript·react.js
এ慕ོ冬℘゜2 小时前
JavaScript 数据类型检测与转换、运算符超全实战详解
前端·html
kyriewen3 小时前
我用 AI 写代码快了 3 倍——然后同事的 Code Review 全变成了我的
前端·程序员·ai编程
李明卫杭州4 小时前
Vue2 portal-target 组件与 Vue3 的针对性优化
前端·javascript·vue.js
Tyler_15 小时前
iOS PlayWright mcp server
前端·ios·ai编程
嘟嘟07175 小时前
从零理解 MCP:手写一个本地 MCP Server 并接入 LangChain Agent
前端·后端