5.1.1 布局容器（Column/Row/Flex/Stack）

文档摘要

5.1.1 布局容器（Column/Row/Flex/Stack） 5.1.1 布局容器（Column/Row/Flex/Stack）：从渲染引擎到开发者心智模型的深度剖析在现代声明式 UI 框架（如 Flutter、Compose、SwiftUI 等）中，布局容器是构建界面的基石。它们不仅是视觉元素的“骨架”，更是开发者表达设计意图的“语言”。其中，、、和四类容器构成了绝大多数 UI 结构的核心。然而，若仅停留在“水平放用 Row，垂直放用 Column”这样的表层认知，便极易在复杂布局中陷入性能陷阱、尺寸错乱或对齐失效的困境。本文将深入这些布局容器的实现机制、约束传播逻辑、尺寸计算算法与典型配置参数，帮助你真正掌握“如何做”而非“怎么做”。