HarmonyOS 鸿蒙Next flex居中属性问题

代码里用的了 Flex({ direction: FlexDirection.Row,justifyContent: FlexAlign.Center }) {
这个 FlexAlign.Center 居中属性，但是真机运行的时候关注控件没有生效

htzhanglong 1楼•1 天前

将关注控件放到竖直中心需要设定为direction: FlexDirection.Column，参考如下demo：

Flex({ direction: FlexDirection.Column,justifyContent: FlexAlign.Center  }) {

            Text('+ 关注')

              .fontColor(Color.White)

              .textAlign(TextAlign.Center)

              .height(24)

              .fontSize(13)

              .width(60)

              .borderWidth(1)

              .backgroundColor(Color.Red)

              .borderRadius(2)

          }.width('20%')

h691938207 2楼•1 天前

针对HarmonyOS 鸿蒙Next中Flex布局的居中属性问题，以下是一些专业解答：

在HarmonyOS鸿蒙Next中，Flex布局是实现元素排列和对齐的重要工具。若要实现居中效果，需关注justifyContent和alignItems两个属性。

justifyContent：控制子元素在主轴上的对齐方式。若需水平居中，可设为FlexAlign.Center；若需垂直居中（在主轴为垂直方向时），亦同理。
alignItems：控制子元素在交叉轴上的对齐方式。若需垂直居中（在交叉轴为垂直方向时），可设为ItemAlign.Center；若需水平居中（在交叉轴为水平方向时），亦同理。

请确保已正确设置Flex布局的方向（flexDirection）及其他相关属性，以避免布局混乱。

此外，还需检查是否有其他布局或控件的约束覆盖了居中设置，以及Flex容器的父容器是否对其子元素有特定的布局限制。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。