折叠屏适配踩坑实录:从“一展开就变形“到一套代码适配多种形态【鸿蒙心迹】资讯应用上线后,一条折叠屏反馈戳中了我:展开大屏浏览时,图片被拉变形,页面两侧空荡荡留着大片白,一眼就能看出是手机布局直接硬拉伸到大屏上。 上手真机复现,问题很明确:折叠小屏状态表现没问题;展开后单列布局占满全宽,封面图等比约束失效、出现拉伸;详情文本单行过长,阅读起来很吃力。 花了两周时间,把多设备形态适配重新梳理一轮,踩了不少坑。下面以「现象 - 原因 - 解法」的思路记录,附带项目抽出来的精简 ArkTS 代码(Stage 模型),希望能帮做折叠屏适配的伙伴少踩雷。