在页面布局设计里，有几个关键概念得先弄明白，它们可是搭建美观有序页面的基石。
基本概念
- 布局容器：这就像是一个 “收纳大师”，是具备布局能力的容器组件。它的任务是把其他元素统统 “收” 进来当作自己的子元素，然后仔仔细细地给这些子元素算尺寸、排位置，让一切井井有条。
- 布局子元素：简单来说，就是住在布局容器这个 “大房子” 里面的元素啦。
- 主轴：想象一下线性布局容器在布局的时候，有一条看不见的 “轨道”，子元素们就默认沿着这条 “轨道” 排排站，这条 “轨道” 就是主轴。比如说 Row 容器，它的主轴是水平方向的，就像一条地平线；Column 容器呢，它的主轴是垂直方向的，仿佛一条竖直线。
- 交叉轴：与主轴垂直的那条 “轨道” 就是交叉轴啦。对应前面说的，Row 容器的交叉轴就是垂直方向，Column 容器的交叉轴则是水平方向。
- 间距：也就是布局子元素之间的距离，它能让元素们不会挤成一团，各自都有舒适的 “小空间”。
布局子元素在排列方向上的间距
Column 容器内排列方向上的间距
在 Column 容器里，咱们能用 space 属性打造出排列方向上子元素等间距的效果。看看下面这段代码：
这里的 space: 20 规定了垂直方向（Column 容器的排列方向）上，每个子元素之间相隔 20 个单位的距离，让文本与行容器之间、行容器相互之间，排列得疏密得当，页面看起来更清爽。
Row 容器内排列方向上的间距
同样的道理，Row 容器也能这么玩。
这段代码里，space: 35 让水平方向（Row 容器的排列方向）上的子元素都间隔 35 个单位，文本与行容器、行容器之间就此拉开了合适的距离，避免元素过于紧凑，优化了视觉效果。
PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇~
