• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# Stack
2
3堆叠容器,子组件按照顺序依次入栈,后一个子组件覆盖前一个子组件。
4
5>  **说明:**
6>
7>  该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
8
9
10## 子组件
11
12可以包含子组件。
13
14
15## 接口
16
17Stack(value?: { alignContent?: Alignment })
18
19从API version 9开始,该接口支持在ArkTS卡片中使用。
20
21**参数:**
22
23| 参数名       | 参数类型                                    | 必填 | 参数描述                                                    |
24| ------------ | ------------------------------------------- | ---- | ----------------------------------------------------------- |
25| alignContent | [Alignment](ts-appendix-enums.md#alignment) | 否   | 设置子组件在容器内的对齐方式。<br/>默认值:Alignment.Center |
26
27## 属性
28
29除支持[通用属性](ts-universal-attributes-size.md)外,还支持以下属性:
30
31| 名称         | 参数类型                                    | 描述                                                         |
32| ------------ | ------------------------------------------- | ------------------------------------------------------------ |
33| alignContent | [Alignment](ts-appendix-enums.md#alignment) | 设置子组件在容器内的对齐方式。<br/>默认值:Alignment.Center<br/>从API version 9开始,该接口支持在ArkTS卡片中使用。<br/>**说明:** <br/>该属性与[通用属性align](ts-universal-attributes-location.md)同时设置时,只有align属性生效。 |
34
35
36## 示例
37
38```ts
39// xxx.ets
40@Entry
41@Component
42struct StackExample {
43  build() {
44    Stack({ alignContent: Alignment.Bottom }) {
45      Text('First child, show in bottom').width('90%').height('100%').backgroundColor(0xd2cab3).align(Alignment.Top)
46      Text('Second child, show in top').width('70%').height('60%').backgroundColor(0xc1cbac).align(Alignment.Top)
47    }.width('100%').height(150).margin({ top: 5 })
48  }
49}
50```
51
52![zh-cn_image_0000001219982699](figures/zh-cn_image_0000001219982699.PNG)
53