HarmonyOS鸿蒙Next中Stack不支持子组件单独设置对齐吗？

【背景知识】

Stack布局是一种层叠容器，允许子组件按添加顺序堆叠，后添加的组件覆盖在先前的组件上，常用于实现悬浮按钮、弹窗等场景。其特点如下：

• Stack组件为容器组件，容器内可包含各种子元素。其中子元素默认进行居中堆叠。子元素被约束在Stack下，进行自己的样式定义以及排列。
• Stack组件通过alignContent参数实现位置的相对移动。
• Stack容器中组件的显示层级关系可以通过Z序控制的zIndex属性改变。zIndex值越大，显示层级越高，即zIndex值大的组件会覆盖在zIndex值小的组件上方。

【解决方案】

Stack布局常用于垂直堆叠多个子组件。然而，有时我们需要进一步增强布局的灵活性，使得单个组件能够更好地适应不同的布局需求。为了实现这一点，可以在每个子组件内部嵌套一个Column容器。这样做可以利用Column的特性，使其能够根据父容器的尺寸自动调整子组件的位置和大小。

使用RelativeContainer相对布局组件。RelativeContainer布局是一种灵活的布局方式，它通过相对定位来精确控制子组件的位置，能够创建更加丰富的用户界面。这种布局方式适用于需要频繁更新布局的复杂应用场景。

【常见FAQ】

Q：在build方法中放置三个按钮，如果把这三个按钮放置在一个Row布局中，并且在build里面再嵌套一层同时设置全屏，点击事件不会触发，问题代码如下：

@Entry
@Component
struct Index {
  @State fontColor: string = "#ffe35d5d"

  build() {
    Stack(){
      Row () {
        Button('hi')
          .height(60)
          .width(60)
          .onClick(() => {
            this.fontColor = "#ff030303"
          })
          .position({x: 10, y: 10})

        Button('hello world')
          .fontSize(30)
          .fontWeight(FontWeight.Bold)
          .fontColor(this.fontColor)
          .onClick(() => {
            this.fontColor = "#ff0fdbc3"
          })
          .position({x: 80, y: 10})

        Button('hi')
          .height(60)
          .width(60)
          .onClick(() => {
            this.fontColor = "#ffcc09ee"
          })
          .position({x: 320, y: 10})
      }
    }
    .height('100%')
    .width('100%')
  }
}

A：position表示绝对定位，用于设置子元素相对于父容器左上角的偏移位置，不支持在宽高为零的布局容器上设置，因此需要对Row布局的父组件设置具体的宽高，以确保点击事件可以正常触发。