鸿蒙ArkUI开发：常用布局【弹性布局方向图】
弹性布局方向图
Flex({ direction: FlexDirection.Row })
- FlexDirection.Row（默认值）：主轴为水平方向，子组件从起始端沿着水平方向开始排布
- FlexDirection.RowReverse：主轴为水平方向，子组件从终点端沿着FlexDirection. Row相反的方向开始排布
- FlexDirection.Column：主轴为垂直方向，子组件从起始端沿着垂直方向开始排布
- FlexDirection.ColumnReverse：主轴为垂直方向，子组件从终点端沿着FlexDirection. Column相反的方向开始排布
- 开发前请熟悉鸿蒙开发指导文档：[
gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
主轴为水平方向的Flex容器示意图
审核编辑 黄宇
声明：本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人，不代表电子发烧友网立场。文章及其配图仅供工程师学习之用，如有内容侵权或者其他违规问题，请联系本站处理。
举报投诉
-
鸿蒙
+关注
关注
55文章
2090浏览量
42261
发布评论请先 登录
相关推荐
鸿蒙OS开发：【一次开发，多端部署】（自适应布局）
针对常见的开发场景，方舟开发框架提炼了七种自适应布局能力，这些布局可以独立使用，也可多种布局叠加使用。
鸿蒙ArkUI-X跨平台开发：【 编写第一个ArkUI-X应用】
通过构建一个简单的ArkUI页面跳转示例，快速了解资源创建引用，路由代码编写和UI布局编写等应用开发流程。
鸿蒙ArkUI开发：常用布局【创建网格（Grid/GridItem）】
网格布局主要用于处理固定行列的UI，也支持动态调整。很类似iOS中的UICollectionView。
HarmonyOS实战开发-Flex布局性能提升使用指导
长度分配设置为最常用场景的布局结果，使子组件主轴长度总和等于Flex容器主轴长度。
最后
如果大家觉得这篇内容对学习鸿蒙开发有帮助，我想邀请大家帮我三个小忙：
点赞，转发，有你们的 『
发表于 05-10 14:26
HarmonyOS开发ArkUI案例：【常用布局容器对齐方式】
基于ArkTS扩展的声明式开发范式，实现Flex、Column、Row和Stack四种常用布局容器对齐方式。
鸿蒙开发-ArkUI框架实战【日历应用 】
对于刚刚接触OpenHarmony应用开发的开发者，最快的入门方式就是开发一个简单的应用，下面记录了一个日历应用的开发过程，通过日历应用的开发
发表于 01-17 21:37
OpenHarmony使用ArkUI Inspector分析布局
本文转载自《#2023 盲盒+码 # OpenHarmony使用ArkUI Inspector分析布局》，作者：zhushangyuan_
● 摘要：视图的嵌套层次会影响应用的性能，开发者应该移除
发表于 09-04 15:27
工商网监
评论