弹性布局(Flex)
弹性布局的组件 Flex():
具体样式如下:
Flex(参数对象){
子组件1
子组件2
子组件3
子组件4
}
四个参数对象:
1.主轴方向:direction : FlexDircetion.Row/Column
2.主轴对齐方式:justifyContent : FlexAlign.SpaceAround
3.交叉轴对齐方式:alignItems : ItemAlign.Stretch / Start / Center / End
4.布局换行:wrap : FlexWrap.NoWrap 单行布局 , FlexWrap.Wrap 多行布局
Flex布局:伸缩布局,当盒子的总和溢出父盒子,默认进行压缩显示