登录社区云,与社区用户共同成长
邀请您加入社区
本文介绍了如何在鸿蒙ArkTS中实现类似Flutter风格的计算器键盘布局。主要内容包括: 布局技术对比:通过SizedBox + Expanded布局方式在Flutter中实现等高等宽按钮网格,并映射到ArkTS的.height() + .layoutWeight()方法。 核心实现: 使用.height(60)统一按钮高度 通过.layoutWeight(1)实现按钮等宽 用.layoutWe
本文介绍了在HarmonyOS中实现响应式网格布局的实践方案。通过对比Flutter的LayoutBuilder思想,重点分析了ArkUI框架下三种技术路径:手动监听容器尺寸变化、GridRow+断点系统、以及精细化span控制。文章推荐使用GridRow+Breakpoints方案,详细解析了其声明式API设计、性能优势及与鸿蒙断点系统的深度集成。配套案例展示了商品列表页在不同屏幕宽度下自动切换
《鸿蒙 ArkUI 展开折叠动画实践:从 Flutter 到 HarmonyOS 的过渡指南》 本文详细记录了在 HarmonyOS 的 ArkUI 框架中实现展开/折叠动画的完整过程。针对电商应用商品详情页的需求,作者通过三次迭代方案逐步解决了技术难点: 首次尝试使用 Stack + onAreaChange 方案失败,揭示了 ArkUI 布局系统的关键机制:onAreaChange 回调时机与