51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术24年11月软考PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

HarmonyOS flex居中

代码里用的了

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

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

HarmonyOS
zbw_apple
2天前
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa
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%')
分享
微博
QQ
微信
回复
2天前
如何写精华回答，获更多曝光？
发布
相关问题
#鸿蒙通关秘籍#如何在 HarmonyOS 中使用 Flex 布局实现水平和垂直居中？
225浏览 • 1回复 待解决
HarmonyOS flex有inline-flex 或者 flex 宽度 跟随内容宽度的办法
474浏览 • 1回复 待解决
HarmonyOS flex容器布局
973浏览 • 2回复 待解决
HarmonyOS Flex组件，当子项较多时，如何限制Flex的总高度
438浏览 • 1回复 待解决
HarmonyOS 文本居中
80浏览 • 1回复 待解决
HarmonyOS Tab居中问题
5浏览 • 1回复 待解决
HarmonyOS Flex组件宽度问题
380浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
491浏览 • 1回复 待解决
HarmonyOS Flex组件存在问题，UI不对
69浏览 • 1回复 待解决
HarmonyOS Flex组件是否有间隔属性
34浏览 • 1回复 待解决
HarmonyOS RelativeContainer的居中问题
682浏览 • 1回复 待解决
HarmonyOS 如何限制Flex的行数
25浏览 • 1回复 待解决
HarmonyOS Flex布局如何设置最大行数
54浏览 • 1回复 待解决
HarmonyOS RichEditor 内容不居中显示
172浏览 • 1回复 待解决
HarmonyOS Text设置align不居中
586浏览 • 1回复 待解决
HarmonyOS Navigation标题居中，背景设置
925浏览 • 1回复 待解决
HarmonyOS TabContent().tabBar 只能居中吗？
414浏览 • 1回复 待解决
Row布局中，如何让子元素横向居中，并且垂直居中？
1378浏览 • 1回复 待解决
Flex布局与w3c中的flex是否有差异
975浏览 • 1回复 待解决
HarmonyOS 如何设置RichEditor字体居中
35浏览 • 1回复 待解决
HarmonyOS 组件剩余区域居中显示
38浏览 • 1回复 待解决
HarmonyOS UI布局水平居中问题
17浏览 • 1回复 待解决
HarmonyOS NavDestination的title怎么居中
93浏览 • 1回复 待解决
HarmonyOS Flex在特定布局下如何添加间距
62浏览 • 1回复 待解决
HarmonyOS flex会占满父节点高度
11浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
【css 如何实现盒子垂直居中】 0回复
Flex弹性布局及如何在Scroll组件中使用Flex 1回复
为什么我们需要flex？ 4回复
#星计划# OpenHarmony/HarmonyOS开发实战：Flex布局与组件封装 0回复
OpenHarmony——Flex和Grid布局 2回复