布局

1.垂直布局

对应组件：Column

1. 排列规则：子组件从上到下垂直依次排列，主轴是竖直方向，交叉轴是水平方向。
2. 核心属性
   • justifyContent：控制垂直方向（主轴）对齐：居中、靠上、靠下、均分间距等
   • alignItems：控制水平方向（交叉轴）对齐：左对齐、居中、右对齐
   • space：统一设置所有子组件垂直间距

2.水平布局

对应组件：Row

1. 排列规则：子组件从左到右水平依次排列，主轴是水平方向，交叉轴是竖直方向。
2. 核心属性
   • justifyContent：水平对齐（左、中、右、均分）
   • alignItems：垂直对齐（上、中、下）
   • space：子组件水平间距

3.相对布局

对应组件：RelativeContainer

1. 排列规则：不固定行列，通过锚点规则让组件互相绑定位置（A 在 B 下方、C 贴紧 D 右侧等），不用固定坐标。
2. 使用逻辑
   1. 给内部每个组件设置唯一id
   2. 通过alignRules绑定锚点：指定当前组件上下左右依附哪个组件、对齐方式

4.层叠布局

对应组件：Stack

1. 排列规则：所有子组件重叠堆叠，后写的组件层级在上，覆盖前面的组件；可统一设置内部所有子组件对齐方式。
2. 核心特点：分层展示，适合遮罩、图片叠加文字、圆角卡片悬浮按钮。
3. 适用场景：图片 + 文字水印、头像右上角角标、弹窗遮罩、卡片悬浮操作按钮、轮播图

5.弹性布局

对应组件：Flex

1. 排列规则：升级版线性布局，支持自动换行、按比例分配剩余空间，可自由切换水平 / 垂直主轴方向。
2. 核心独有能力
   • wrap: FlexWrap.Wrap：空间不足时自动换行（Row 不会自动换行，超出屏幕会被截断）
   • layoutWeight(n)：子组件按权重瓜分剩余宽度 / 高度