51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术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
2024-12-24 17:10:35
浏览
赞
收藏 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
微信
回复
2024-12-24 20:30:24
如何写精华回答，获更多曝光？
发布
相关问题
#鸿蒙通关秘籍#如何在 HarmonyOS 中使用 Flex 布局实现水平和垂直居中？
1942浏览 • 1回复 待解决
HarmonyOS flex有inline-flex 或者 flex 宽度 跟随内容宽度的办法
1408浏览 • 1回复 待解决
HarmonyOS flex容器布局
3181浏览 • 2回复 待解决
HarmonyOS Flex组件，当子项较多时，如何限制Flex的总高度
1330浏览 • 1回复 待解决
HarmonyOS 文本居中
1284浏览 • 1回复 待解决
HarmonyOS Flex 组件的组合使用
807浏览 • 1回复 待解决
HarmonyOS Tab居中问题
818浏览 • 1回复 待解决
HarmonyOS Flex组件宽度问题
1233浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
1813浏览 • 1回复 待解决
HarmonyOS Flex组件存在问题，UI不对
1060浏览 • 1回复 待解决
HarmonyOS Flex组件是否有间隔属性
1517浏览 • 1回复 待解决
HarmonyOS 如何限制Flex的行数
855浏览 • 1回复 待解决
HarmonyOS RelativeContainer的居中问题
1524浏览 • 1回复 待解决
HarmonyOS 弹窗文字未居中
578浏览 • 1回复 待解决
HarmonyOS AlertDialog标题如何居中
668浏览 • 1回复 待解决
HarmonyOS Flex布局如何设置最大行数
1350浏览 • 1回复 待解决
HarmonyOS Row组件怎么居中
939浏览 • 1回复 待解决
Flex布局与w3c中的flex是否有差异
2106浏览 • 1回复 待解决
HarmonyOS flex会占满父节点高度
945浏览 • 1回复 待解决
HarmonyOS NavDestination的title怎么居中
1519浏览 • 1回复 待解决
HarmonyOS 如何设置RichEditor字体居中
952浏览 • 1回复 待解决
HarmonyOS 组件剩余区域居中显示
786浏览 • 1回复 待解决
HarmonyOS UI布局水平居中问题
1199浏览 • 1回复 待解决
HarmonyOS Flex在特定布局下如何添加间距
1636浏览 • 1回复 待解决
HarmonyOS Navigation标题居中，背景设置
2270浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
【css 如何实现盒子垂直居中】 0回复
HarmonyOS NEXT ArkUI 图片展示与容器组件默认居中样式 0回复
Flex弹性布局及如何在Scroll组件中使用Flex 4回复
五、 HarmonyOS Next开发宝典：掌握Flex布局的艺术 0回复
OpenHarmony——Flex和Grid布局 2回复