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 布局实现水平和垂直居中？
1883浏览 • 1回复 待解决
HarmonyOS flex有inline-flex 或者 flex 宽度 跟随内容宽度的办法
1358浏览 • 1回复 待解决
HarmonyOS flex容器布局
2947浏览 • 2回复 待解决
HarmonyOS Flex组件，当子项较多时，如何限制Flex的总高度
1293浏览 • 1回复 待解决
HarmonyOS 文本居中
1241浏览 • 1回复 待解决
HarmonyOS Flex 组件的组合使用
775浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
1756浏览 • 1回复 待解决
HarmonyOS Flex组件宽度问题
1191浏览 • 1回复 待解决
HarmonyOS Flex组件是否有间隔属性
1363浏览 • 1回复 待解决
HarmonyOS Flex组件存在问题，UI不对
1021浏览 • 1回复 待解决
HarmonyOS Tab居中问题
764浏览 • 1回复 待解决
HarmonyOS Flex布局如何设置最大行数
1296浏览 • 1回复 待解决
HarmonyOS 如何限制Flex的行数
814浏览 • 1回复 待解决
HarmonyOS 弹窗文字未居中
563浏览 • 1回复 待解决
HarmonyOS AlertDialog标题如何居中
623浏览 • 1回复 待解决
HarmonyOS RelativeContainer的居中问题
1485浏览 • 1回复 待解决
Flex布局与w3c中的flex是否有差异
2044浏览 • 1回复 待解决
HarmonyOS Flex在特定布局下如何添加间距
1541浏览 • 1回复 待解决
HarmonyOS Row组件怎么居中
887浏览 • 1回复 待解决
HarmonyOS flex会占满父节点高度
912浏览 • 1回复 待解决
如何阻止Flex容器鼠标事件穿透
3245浏览 • 1回复 待解决
HarmonyOS 如何设置RichEditor字体居中
889浏览 • 1回复 待解决
HarmonyOS 组件剩余区域居中显示
734浏览 • 1回复 待解决
HarmonyOS NavDestination的title怎么居中
1356浏览 • 1回复 待解决
HarmonyOS UI布局水平居中问题
1175浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
【css 如何实现盒子垂直居中】 0回复
HarmonyOS NEXT ArkUI 图片展示与容器组件默认居中样式 0回复
Flex弹性布局及如何在Scroll组件中使用Flex 4回复
五、 HarmonyOS Next开发宝典：掌握Flex布局的艺术 0回复
为什么我们需要flex？ 4回复