> 文档中心 > HarmonyOS应用开发:弹性布局Flex

HarmonyOS应用开发:弹性布局Flex

弹性布局(Flex布局)是自适应布局中使用最为灵活的布局。弹性布局提供一种更加有效的方式来对容器中的子组件进行排列、对齐和分配空白空间。

  • 容器: Flex组件作为Flex布局的容器,用于设置布局相关属性。

  • 子组件: Flex组件内的子组件自动成为布局的子组件。

  • 主轴: 水平方向的轴线,子组件默认沿着主轴排列。主轴开始的位置称为主轴起始端,结束位置称为主轴终点端。

  • 交叉轴: 垂直方向的轴线。交叉始的位置称为主轴首部,结束位置称为交叉轴尾部。

Flex接口:

Flex(options?: { direction?: FlexDirection, wrap?: FlexWrap, justifyContent?: FlexAlign, alignItems?: ItemAlign, alignContent?: FlexAlign })