#鸿蒙通关秘籍#如何在 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')

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

分享
微博
QQ
微信
回复
2024-11-28 16:19:14
相关问题
HarmonyOS使用canvas如何使文字垂直居中
589浏览 • 1回复 待解决