平行视界右栏越点越深回不去：HarmonyOS 7 双栏路由栈如何分工

左栏点商品 A，右栏打开详情；详情里继续点评价和店铺，按返回键却把整个页面关掉，或者右栏回到 A 时左栏高亮成了 B。平行视界不是把手机页面简单并排，而是要明确两个区域分别拥有什么导航状态。

验证边界：资料核对日期为 2026-09-26。本文以华为开发者官网当前可访问的 HarmonyOS 7（API 26）资料为能力边界，代码中的纯函数和状态转换在 Node.js 宿主环境做过断言。当前本机仍是 API 24 SDK，且没有连接 HDC 真机，所以不把宿主断言写成 API 26 编译或真机实测。涉及系统窗口、设备形态、GPU、网络、相机或 3D 重建的接口，正式交付前仍要在 API 26 SDK 与对应真机上补齐编译、日志、性能和异常路径证据。

先复现：不要一上来就改参数

先把触发条件写成可以重复执行的步骤，至少记录系统版本、设备形态、前后台状态和输入数据。一次正常截图不能证明问题已经解决；必须同时保留失败路径、恢复路径和最终状态。左栏点商品 A，右栏打开详情；详情里继续点评价和店铺，按返回键却把整个页面关掉，或者右栏回到 A 时左栏高亮成了 B。平行视界不是把手机页面简单并排，而是要明确两个区域分别拥有什么导航状态。

根因与工程模型

左栏保存浏览上下文和 selectionId，右栏维护 detailStack。打开新详情只推进右栏栈；右栏栈为空时，返回键才交给外层。深链进入时先构建 selection，再构建详情栈，不能依赖组件创建顺序。窗口缩回单栏时把双栏状态序列化成一条可恢复路由。

把判断集中在纯函数中，页面只负责采集事实和渲染结果。这样既能在没有真机时验证核心状态转换，也能在接入 API 26 接口后用同一组事件序列回归。

interface ParallelState { selectionId?:string; detailStack:string[] }
export function openDetail(s:ParallelState,route:string):ParallelState {
  return {...s,detailStack:[...s.detailStack,route]};
}
export function back(s:ParallelState){
  if(!s.detailStack.length) return {state:s,handled:false};
  return {state:{...s,detailStack:s.detailStack.slice(0,-1)},handled:true};
}

案例一：稳定路径也要验证

列表选择 A 后，详情继续进入评价页。第一次返回只弹出评价页，第二次返回回到 A 详情，左栏选中不变；只有右栏已经为空时才退出当前外层任务。

复现记录需要包含输入、关键状态迁移和最终输出。若实际接口回调顺序与预期不同，应先更新事件模型，而不是在页面里继续叠加延时。

案例二：异常与恢复路径

通知深链直接打开 B 的订单详情。状态构造器先设置 selectionId=B，再把订单详情压入右栏栈；从双栏切成单栏时生成 list/B/order 的单栏恢复路径。

异常路径验收不能停在“没有崩溃”。还要确认用户看见什么、是否可以继续、重复操作会不会产生副作用，以及恢复后状态是否与首次成功一致。

方案对比

观察项	容易出问题的做法	更可靠的做法
路由所有权	左右栏共用一个栈	浏览上下文与详情栈分开
返回键	固定退出外层页面	右栏优先消费
深链进入	等待组件各自初始化	一次构造完整并行状态
形态切换	重新打开首页	序列化为等价单栏路径

更可靠的方案共同点是：状态有名字、输入有边界、失败可恢复、结果可读回。封装时把系统能力适配层、纯状态层和页面层分开，后续官方接口变化只替换适配层，不把业务判断散落到组件回调。

上线前检查表

• 左栏选择与右栏栈分别持久化。
• 返回键先检查右栏是否可回退。
• 深链不依赖组件创建先后。
• 双栏与单栏互转不丢任务上下文。
• 左右推挤和固定覆盖模式都验证。

官方资料与适用范围

• 平行视界新能力解读
• 多设备通用适配指南

官方资料负责说明能力范围，本文代码负责解释工程控制逻辑。由于本机尚未具备 API 26 SDK 与对应真机，正式项目必须补齐接口签名、权限、设备支持范围和真实性能证据后再交付。

结论

这个问题的关键不是再加一个 if，而是把系统信号转换成稳定、可测试、可恢复的业务状态。先复现、再建模、最后用两条不同路径验证，才能让新能力从演示效果变成可长期维护的工程能力。