51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术25年5月软考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 布局实现水平和垂直居中？
405浏览 • 1回复 待解决
HarmonyOS flex有inline-flex 或者 flex 宽度 跟随内容宽度的办法
701浏览 • 1回复 待解决
HarmonyOS flex容器布局
1173浏览 • 2回复 待解决
HarmonyOS Flex组件，当子项较多时，如何限制Flex的总高度
601浏览 • 1回复 待解决
HarmonyOS 文本居中
423浏览 • 1回复 待解决
HarmonyOS Flex 组件的组合使用
57浏览 • 1回复 待解决
HarmonyOS Flex组件是否有间隔属性
181浏览 • 1回复 待解决
HarmonyOS Flex组件存在问题，UI不对
178浏览 • 1回复 待解决
HarmonyOS Tab居中问题
127浏览 • 1回复 待解决
HarmonyOS Flex组件宽度问题
479浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
715浏览 • 1回复 待解决
HarmonyOS Row组件怎么居中
45浏览 • 1回复 待解决
HarmonyOS Flex布局如何设置最大行数
303浏览 • 1回复 待解决
HarmonyOS 如何限制Flex的行数
121浏览 • 1回复 待解决
HarmonyOS AlertDialog标题如何居中
44浏览 • 1回复 待解决
HarmonyOS 弹窗文字未居中
36浏览 • 1回复 待解决
HarmonyOS RelativeContainer的居中问题
784浏览 • 1回复 待解决
HarmonyOS Text设置align不居中
706浏览 • 1回复 待解决
HarmonyOS TabContent().tabBar 只能居中吗？
478浏览 • 1回复 待解决
HarmonyOS Navigation标题居中，背景设置
1276浏览 • 1回复 待解决
HarmonyOS RichEditor 内容不居中显示
258浏览 • 1回复 待解决
Row布局中，如何让子元素横向居中，并且垂直居中？
1706浏览 • 1回复 待解决
Flex布局与w3c中的flex是否有差异
1195浏览 • 1回复 待解决
HarmonyOS Flex在特定布局下如何添加间距
324浏览 • 1回复 待解决
如何阻止Flex容器鼠标事件穿透
2228浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
Flex弹性布局及如何在Scroll组件中使用Flex 4回复
【css 如何实现盒子垂直居中】 0回复
HarmonyOS NEXT ArkUI 图片展示与容器组件默认居中样式 0回复
为什么我们需要flex？ 4回复
#星计划# OpenHarmony/HarmonyOS开发实战：Flex布局与组件封装 0回复