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 布局实现水平和垂直居中？
1806浏览 • 1回复 待解决
HarmonyOS flex有inline-flex 或者 flex 宽度 跟随内容宽度的办法
1317浏览 • 1回复 待解决
HarmonyOS flex容器布局
2737浏览 • 2回复 待解决
HarmonyOS Flex组件，当子项较多时，如何限制Flex的总高度
1265浏览 • 1回复 待解决
HarmonyOS 文本居中
1217浏览 • 1回复 待解决
HarmonyOS Flex 组件的组合使用
712浏览 • 1回复 待解决
HarmonyOS Tab居中问题
718浏览 • 1回复 待解决
HarmonyOS Flex组件是否有间隔属性
1197浏览 • 1回复 待解决
HarmonyOS Flex组件存在问题，UI不对
958浏览 • 1回复 待解决
HarmonyOS Row组件怎么居中
804浏览 • 1回复 待解决
HarmonyOS Flex组件宽度问题
1153浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
1723浏览 • 1回复 待解决
HarmonyOS AlertDialog标题如何居中
576浏览 • 1回复 待解决
HarmonyOS RelativeContainer的居中问题
1458浏览 • 1回复 待解决
HarmonyOS 弹窗文字未居中
534浏览 • 1回复 待解决
HarmonyOS Flex布局如何设置最大行数
1247浏览 • 1回复 待解决
HarmonyOS Navigation标题居中，背景设置
2155浏览 • 1回复 待解决
HarmonyOS RichEditor 内容不居中显示
811浏览 • 1回复 待解决
HarmonyOS TabContent().tabBar 只能居中吗？
1236浏览 • 1回复 待解决
HarmonyOS Text设置align不居中
1338浏览 • 1回复 待解决
HarmonyOS 如何限制Flex的行数
765浏览 • 1回复 待解决
Row布局中，如何让子元素横向居中，并且垂直居中？
2774浏览 • 1回复 待解决
Flex布局与w3c中的flex是否有差异
2005浏览 • 1回复 待解决
HarmonyOS 如何设置RichEditor字体居中
836浏览 • 1回复 待解决
HarmonyOS 组件剩余区域居中显示
695浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
【css 如何实现盒子垂直居中】 0回复
HarmonyOS NEXT ArkUI 图片展示与容器组件默认居中样式 0回复
Flex弹性布局及如何在Scroll组件中使用Flex 4回复
五、 HarmonyOS Next开发宝典：掌握Flex布局的艺术 0回复
为什么我们需要flex？ 4回复