容器组件实现位置的固定定位与层叠，容器中的子元素依次入栈，后一个子元素覆盖前一个子元素，子元素可以叠加，也可以设置位置。的zIndex属性改变。zIndex值越大，显示层级越高，即zIndex值大的组件会覆盖在zIndex值小的组件上方。Stack容器中兄弟组件显示层级关系可以通过。实现位置的相对移动。

媒体查询常用于下面两种场景：针对设备和应用的属性信息（比如显示区域、深浅色、分辨率），设计出相匹配的布局。当屏幕发生动态改变时（比如分屏、横竖屏切换），同步更新应用的页面布局。

线性布局（LinearLayout）是开发中最常用的布局，通过线性容器和构建。基本概念布局容器：具有布局能力的容器组件，可以承载其他元素作为其子元素，布局容器会对其子元素进行尺寸计算和布局排列。布局子元素：布局容器内部的元素。主轴：线性布局容器在布局方向上的轴线，子元素默认沿主轴排列。Row容器主轴为水平方向，Column容器主轴为垂直方向。交叉轴：垂直于主轴方向的轴线。Row容器交叉轴为垂直方向

为了明确定义锚点，必须为RelativeContainer及其子元素设置ID，用于指定锚点信息。不设置id的组件能显示，但是不能被其他子组件作为锚点，相对布局容器会为其拼接id，此id的规律无法被应用感知。同方向上两个以上位置设置锚点，但锚点位置逆序时此子组件大小为0，即不绘制。RelativeContainer为采用相对布局的容器，支持容器内部的子元素设置相对位置关系。子元素支持指定兄弟元素作为

当Grid组件设置了rowsTemplate或columnsTemplate时，Grid的layoutDirection、maxCount、minCount、cellLength属性不生效，属性说明可参考。行、列数量与占比同时设置：Grid只展示固定行列数的元素，其余元素不展示，且Grid不可滚动。，用于构建网格布局。Grid用于设置网格布局相关参数，GridItem定义子组件相关特征。Grid组

Tabs组件的页面组成包含两个部分，分别是TabContent和TabBar。TabContent是内容页，TabBar是导航页签栏，页面结构如下图所示，根据不同的导航类型，布局会有区别，可以分为底部导航、顶部导航、侧边导航，其导航栏分别位于底部、顶部和侧边。TabContent组件不支持设置通用高度属性，其高度由Tabs父组件高度与TabBar组件高度决定。TabContent组件不支持设置通用

为栅格容器组件，需与栅格子组件在栅格布局场景中联合使用。

Swiper本身是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示。话不多说写代码看注解查效果！组件提供滑动轮播显示的能力。

话不多说上来就干！

Grid和WaterFlow也可以实现单列、多列布局，如果布局每列等宽，且不需要跨行跨列布局，相比Grid和WaterFlow，则更推荐使用List。List的子组件必须是ListItemGroup或ListItem，ListItem和ListItemGroup必须配合List来使用。在List组件中，ForEach除了可以用来循环渲染ListItem，也可以用来循环渲染ListItemGroup