容器组件的基本使用

一.容器组件：column、row、flex、scroll、stack

1.1 column和row

-效果+场景

column组件里面的子元素会垂直排列，且默认居中显示； row组件里面的子元素会水平排列，且从最左边开始排列显示。

从外到里，从左往右，从上至下，铺column和row，壹壹壹壹壹~Z

** 注意 **

内容超过容器宽高，就会溢出容器

1.2 flex

-效果+场景

flex组件里面的子元素会占一行从左至右排列，内容超过容器，就自动挤压内容

Flex（）里设置换行，就不会影响内容正常的展示，位置不够就会换行，很nice

1.3 scroll

-效果+场景

当容器组件里面的内容超过了容器的scroll本身的高度就会自动增加滑轮（垂直方向） 当容器横向内容需要滑轮，需要在容器后添加

横向滑轮
.scrollable(ScrollDirection.Horizontal)

** 注意 **

scroll里面要是容器

1.4 stack

-效果+场景

stack里面的元素会自上而下按层级重叠排列，默认排列在stack容器的中心

统一改变容器内所有元素的位置方向

Stack({alignContent:Alignment.Bottom}){}

元素后添加zindex可以改变层级，可以改变显示效果

.zIndex(66)