HarmonyOS flex居中？

Question

代码里用的了

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

这个 FlexAlign.Center 居中属性，但是真机运行的时候关注控件没有生效

Answer 1

将关注控件放到竖直中心需要设定为direction: FlexDirection.Column

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%')