鸿蒙ArkUI开发:【弹性布局(主轴&交叉轴对齐方式)】

电子说

1.2w人已加入

描述

主轴对齐方式

通过justifyContent参数设置在主轴方向的对齐方式,和Row、Column的主轴对齐方式行为一样 组件

开发前请熟悉鸿蒙开发指导文档:[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]

交叉轴对齐方式

可以通过Flex组件的alignItems参数设置子组件在交叉轴的对齐方式,子组件默认使用Flex组件的对齐方式。但也可以通过alignSelf单独设置对齐方式

Flex({ alignItems: ItemAlign.Start })

ItemAlign.Auto:使用Flex容器中默认配置。 组件 ItemAlign.Start:交叉轴方向首部对齐 组件 ItemAlign.Center:交叉轴方向居中对齐 组件 ItemAlign.End:交叉轴方向底部对齐 组件 子组件通过[alignSelf]设置在父容器交叉轴的对齐格式,覆盖Flex布局容器中alignItems配置

组件

审核编辑 黄宇

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分