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

HarmonyOS
2024-11-28 16:05:21
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
网络小鬼才

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

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')
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.

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

分享
微博
QQ
微信
回复
2024-11-28 16:19:14
相关问题
HarmonyOS UI布局水平居中问题
876浏览 • 1回复 待解决