【鸿蒙开发】系统组件Stack

Stack组件

Stack堆叠容器，子组件按照顺序依次入栈，后一个子组件覆盖前一个子组件。

接口：

Stack(value?: { alignContent?: Alignment })

参数：

参数名	参数类型	必填	参数描述
alignContent	Alignment	否	设置子组件在容器内的对齐方式。 默认值：Alignment.Center

属性：

除支持通用属性外，还支持以下属性：

参数名	参数类型	参数描述
alignContent	Alignment	设置所有子组件在容器内的对齐方式。 默认值：Alignment.Center 从API version 9开始，该接口支持在ArkTS卡片中使用。 说明： 该属性与通用属性align同时设置时，后设置的属性生效。

示例

@Entry
@Component
struct APage {
  build() {
    Column() {
      Stack({ alignContent: Alignment.TopStart }) {
        Row() {
        }
        .backgroundColor("red")
        .width(300)
        .height(300)

        Row() {
        }
        .backgroundColor("blue")
        .width(200)
        .height(200)

        Row() {
        }
        .backgroundColor("green")
        .width(100)
        .height(100)
      }
    }
    .width("100%")
    .height("100%")
  }
}