一、线性布局
属性说明:
justifyContent:设置子元素在主轴方向的对齐方式
参数:FlexAlign枚举
alignItems:设置子元素在交叉轴方向的对齐方式
参数:
Row容器使用VerticalAlign枚举
Column容器使用HorizontalAlign枚举
1、Column布局
1.1、FlexAlign
1.2、HorizontalAlign
1.3、代码示例
2、Row布局
2.1、FlexAlign
2.2、VerticalAlign
2.3、代码示例
3、需求
二、列表布局
List是一种复杂布局,具备以下特点:
列表项(ListItem)数量过多超出屏幕后,会自动提供滚动功能
列表项(ListItem)既可以纵向排列,也可以横向排列
语法:
领取专属 10元无门槛券
私享最新 技术干货