Wear OS Compose应用导航最佳实践及迁移问题咨询

原View系统实现 #

• 顶部导航：通过WearableNavigationDrawer实现，下拉后支持左右滑动切换页面，点击选项后调用NavController完成页面跳转
• 底部操作面板：主屏幕底部上滑唤起WearableActionDrawer，展示操作选项列表

Compose迁移中的导航挑战 #

迁移后最初参考谷歌官方示例，采用Horologist库的WearNavScaffold搭配SwipeDismissableNavController构建导航框架，内部用HorizontalPager承载顶部页面，但出现两个核心问题：

• 未通过NavController完成页面导航，不符合Compose导航规范
• WearNavScaffold的columnState被多页面共用，导致界面状态异常

尝试的替代方案 #

• 左右滑动导航：因谷歌Wear OS政策要求右滑手势统一为返回/关闭应用，该方案不符合规范被弃用
• 模仿View版导航抽屉逻辑：直接复刻WearableNavigationDrawer的交互，但遇到ScalingLazyColumn拦截垂直滑动手势的问题，导致下拉/上滑唤起面板的操作失效

最终解决方法 #

自定义实现PointerInputModifierNode的类，处理手势事件的分发逻辑，避免ScalingLazyColumn拦截垂直滑动手势，最终成功实现：

• 顶部下拉唤起导航面板，支持点击切换页面
• 主屏幕底部上滑唤起操作面板，展示完整操作列表

遗留问题 #

目前实现中存在少量重复代码，后续需要进行代码复用优化

内容的提问来源于stack exchange，提问作者Bash