HarmonyOS flex居中

代码里用的了

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

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

HarmonyOS
2024-12-24 17:10:35
575浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
FengTianYa

将关注控件放到竖直中心需要设定为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%')
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
分享
微博
QQ
微信
回复
2024-12-24 20:30:24
相关问题
HarmonyOS flex容器布局
2080浏览 • 2回复 待解决
HarmonyOS Flex 组件的组合使用
511浏览 • 1回复 待解决
HarmonyOS 文本居中
1069浏览 • 1回复 待解决
HarmonyOS Flex组件存在问题,UI不对
691浏览 • 1回复 待解决
HarmonyOS Flex组件是否有间隔属性
836浏览 • 1回复 待解决
HarmonyOS Flex组件宽度问题
1003浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
1388浏览 • 1回复 待解决
HarmonyOS Tab居中问题
596浏览 • 1回复 待解决
HarmonyOS Row组件怎么居中
529浏览 • 1回复 待解决
HarmonyOS Flex布局如何设置最大行数
915浏览 • 1回复 待解决
HarmonyOS 如何限制Flex的行数
575浏览 • 1回复 待解决
HarmonyOS RelativeContainer的居中问题
1247浏览 • 1回复 待解决
HarmonyOS 弹窗文字未居中
399浏览 • 1回复 待解决
HarmonyOS AlertDialog标题如何居中
392浏览 • 1回复 待解决
HarmonyOS RichEditor 内容不居中显示
632浏览 • 1回复 待解决
HarmonyOS TabContent().tabBar 只能居中吗?
1036浏览 • 1回复 待解决
HarmonyOS Text设置align不居中
1129浏览 • 1回复 待解决
HarmonyOS Navigation标题居中,背景设置
1930浏览 • 1回复 待解决
Flex布局与w3c中的flex是否有差异
1764浏览 • 1回复 待解决
如何阻止Flex容器鼠标事件穿透
2856浏览 • 1回复 待解决