鸿蒙项目方舟框架（ArkUI）之线性布局容器Stack组件

鸿蒙项目方舟框架（ArkUI）之线性布局容器Stack组件

一、操作环境

操作系统:  Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1

二、Stack组件

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

子组件

可以包含子组件。

接口

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

从API version 9开始，该接口支持在ArkTS卡片中使用。

参数

参数名	参数类型	必填	参数描述 扫描二维码关注公众号，回复： 17324069 查看本文章
alignContent	Alignment	否	设置子组件在容器内的对齐方式。 默认值：Alignment.Center

属性

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

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

示例

代码

// xxx.ets
@Entry
@Component
struct StackExample {
  build() {
    Stack({ alignContent: Alignment.Bottom }) {
      Text('First child, show in bottom').width('90%').height('100%').backgroundColor(0xd2cab3).align(Alignment.Top)
      Text('Second child, show in top').width('70%').height('60%').backgroundColor(0xc1cbac).align(Alignment.Top)
    }.width('100%').height(150).margin({ top: 5 })
  }
}

你有时间常去我家看看我在这里谢谢你啦...

我家地址:亚丁号

最后送大家一首诗:

山高路远坑深,
大军纵横驰奔,

谁敢横刀立马？
惟有点赞加关注大军。