【鸿蒙开发】系统组件Stack

鸿蒙开发arkui组件，Stack组件

d312697510

527人浏览 · 2024-04-07 17:49:04

d312697510 · 2024-04-07 17:49:04 发布

Stack组件

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

接口：

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

参数：

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

参数名

参数类型

必填

参数描述

alignContent

Alignment

否

设置子组件在容器内的对齐方式。

默认值：Alignment.Center

属性：

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

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

参数名

参数类型

参数描述

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%")
  }
}