踩坑记录15：Scroll 容器的嵌套冲突与滚动穿透 是 HarmonyOS 开发中的核心知识点之一。理解它不仅能让你的代码更健壮，还能帮助你建立正确的架构思维。本文基于真实项目的实践经验，提供了一套经过验证的最佳实践方案。

fill:#333;important;important;fill:none;color:#333;color:#333;important;fill:none;fill:#333;height:1em;否是选项总量 NN > 100?DropdownButton 全量 items自定义弹层ListView.builder 懒加载搜索过滤结果集大幅缩小N 超过 100，弃 DropdownBut

这个倒数日页面虽然规模不大，却把一个列表型应用最常见的几条交互路径集中在一起：先展示一组事件，再允许用户选择重点、追加新条目和删除旧条目。标题区域负责说明用途和提供新增入口，事件卡片负责承载名称、日期和天数，底部提示负责解释不明显的点击能力。每个区域的职责都很清楚，用户不需要经过多层页面就能完成基本操作。它同时展示了演示页面与完整产品之间的距离。当前的日期和天数是固定展示内容，重点状态主要是视觉标

这个倒数日页面虽然规模不大，却把一个列表型应用最常见的几条交互路径集中在一起：先展示一组事件，再允许用户选择重点、追加新条目和删除旧条目。标题区域负责说明用途和提供新增入口，事件卡片负责承载名称、日期和天数，底部提示负责解释不明显的点击能力。每个区域的职责都很清楚，用户不需要经过多层页面就能完成基本操作。它同时展示了演示页面与完整产品之间的距离。当前的日期和天数是固定展示内容，重点状态主要是视觉标

这个轻量音乐播放器页面用四首固定歌曲，展示了一个播放器界面最核心的几个关系：当前曲目决定播放卡片和列表选中项，播放状态决定按钮和“播放中”文字，进度数值决定进度条位置，随机状态决定模式按钮的文字和颜色。上一首和下一首采用循环切换，列表支持直接选择，多个区域会同步反馈同一个状态。它的实现范围并不包括真实音频播放，但正因为范围明确，页面的每一次变化都容易观察。用户可以从初始页面开始，依次测试播放、暂停

这个轻量音乐播放器页面用四首固定歌曲，展示了一个播放器界面最核心的几个关系：当前曲目决定播放卡片和列表选中项，播放状态决定按钮和“播放中”文字，进度数值决定进度条位置，随机状态决定模式按钮的文字和颜色。上一首和下一首采用循环切换，列表支持直接选择，多个区域会同步反馈同一个状态。它的实现范围并不包括真实音频播放，但正因为范围明确，页面的每一次变化都容易观察。用户可以从初始页面开始，依次测试播放、暂停

热重载实验台的核心不是按钮数量，而是让“更新后保留状态”和“重启后恢复状态”变成可以直接观察的结果。用户先用数字按钮制造变化，再用主题开关观察视觉状态，最后通过蓝色热重载按钮和红色热重启按钮比较两种路径。底部控制台把操作次数和最近一次结果写出来，使页面不只展示变化，还能解释变化。从这个页面可以得到一个很实用的理解：状态保留不是一句抽象概念，而是更新前后的数字、主题和反馈文字能够对应起来；状态重置也

这个性能优化控制台通过一个简洁的深色页面，把启动、渲染、内存和网络四个优化方向放到同一条可操作的流程里。用户可以看到两个指标卡片、一个应用数量、四个单项措施和一个一键完成入口。单项点击让阶段值递进，一键点击让数字、数量和结果文字同时进入完成态。它最值得学习的地方，是用少量状态驱动多个可见区域，并通过颜色、数字和文字形成反馈闭环。同时，它也清楚展示了演示页面与真实性能工具的区别：页面可以模拟优化前后

这个分布式能力页面展示了一条完整而克制的交互路径。初始状态用一句提示引导用户发现设备；发现完成后显示三个设备目标；点击不同目标可以看到选中背景变化；点击流转按钮后，进度条填满，状态卡片给出任务结果。标题、副标题、按钮、设备列表、进度条和结果卡片共同组成一个单页操作面板。页面中最值得学习的不是某个孤立控件，而是状态之间的分工。发现状态负责控制列表出现，选择状态负责控制目标颜色，进度状态负责控制线性指

这个分布式能力页面展示了一条完整而克制的交互路径。初始状态用一句提示引导用户发现设备；发现完成后显示三个设备目标；点击不同目标可以看到选中背景变化；点击流转按钮后，进度条填满，状态卡片给出任务结果。标题、副标题、按钮、设备列表、进度条和结果卡片共同组成一个单页操作面板。页面中最值得学习的不是某个孤立控件，而是状态之间的分工。发现状态负责控制列表出现，选择状态负责控制目标颜色，进度状态负责控制线性指