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**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。 22 23**系统能力:** SystemCapability.ArkUI.ArkUI.Full 24 25**参数:** 26 27| 参数名 | 类型 | 必填 | 说明 | 28| ------------ | ------------------------------------------- | ---- | ----------------------------------------------------------- | 29| value | { alignContent?: [Alignment](ts-appendix-enums.md#alignment) } | 否 | 设置子组件在容器内的对齐方式。<br/>默认值:Alignment.Center | 30 31## 属性 32 33除支持[通用属性](ts-universal-attributes-size.md)外,还支持以下属性: 34 35### alignContent 36 37alignContent(value: Alignment) 38 39设置所有子组件在容器内的对齐方式。该属性与[通用属性align](ts-universal-attributes-location.md#align)同时设置时,后设置的属性生效。 40 41**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。 42 43**卡片能力:** 从API version 9开始,该接口支持在ArkTS卡片中使用。 44 45**系统能力:** SystemCapability.ArkUI.ArkUI.Full 46 47**参数:** 48 49| 参数名 | 类型 | 必填 | 说明 | 50| ------ | ------------------------------------------- | ---- | ----------------------------------------------------------- | 51| value | [Alignment](ts-appendix-enums.md#alignment) | 是 | 所有子组件在容器内的对齐方式。<br/>默认值:Alignment.Center | 52 53 54## 示例 55 56Stack的alignContent设置为Alignment.Bottom条件下子组件显示效果。 57 58```ts 59// xxx.ets 60@Entry 61@Component 62struct StackExample { 63 build() { 64 Stack({ alignContent: Alignment.Bottom }) { 65 Text('First child, show in bottom').width('90%').height('100%').backgroundColor(0xd2cab3).align(Alignment.Top) 66 Text('Second child, show in top').width('70%').height('60%').backgroundColor(0xc1cbac).align(Alignment.Top) 67 }.width('100%').height(150).margin({ top: 5 }) 68 } 69} 70``` 71 72 73