#鸿蒙通关秘籍#如何在 HarmonyOS 中使用 Flex 布局实现水平和垂直居中？

通过使用 Flex 容器的 justifyContent 和 alignItems 属性，可以实现子组件的水平和垂直居中。以下是一段代码示例：

Flex({
  justifyContent: FlexAlign.Center,
  alignItems: ItemAlign.Center
}){
    Text('111').backgroundColor(Color.Red)
    Text('222').backgroundColor(Color.Blue)
    Text('333').backgroundColor(Color.Green)
}
.height(300)
.backgroundColor('#eeeeee')

这段代码展示了如何在 Flex 布局中，通过 justifyContent 属性设置水平居中以及通过 alignItems 属性设置垂直居中。