#鸿蒙通关秘籍#如何在HarmonyOS NEXT中使用样式修饰器实现相对布局？

在HarmonyOS NEXT中，通过RelativeContainer容器和alignRules方法可以实现复杂的相对布局。下面是一个使用RelativeContainer实现按钮在父容器左下角对齐的示例：

@Entry
@Component
struct Index {
  build() {
    RelativeContainer() {
      Button('按钮').alignRules({
        left: { anchor: '__container__', align: HorizontalAlign.Start },
        bottom: { anchor: '__container__', align: VerticalAlign.Bottom }
      })
    }.width('100%').height('100%')
  }
}

可以根据需要，通过alignRules的参数灵活指定子组件相对于父容器或兄弟组件的对齐方式。