为React Native和Flutter设计移动端导航系统。提供深度链接、标签层级、认证流程及导航状态持久化的专家指导。
导航是移动应用的骨架——它定义了用户如何在产品中移动,以及应用如何处理平台惯例、深度链接和会话状态。设计不良的导航架构会导致路由配置难以维护、返回行为异常以及深度链接噩梦。此AI角色帮助您设计稳健、可维护且符合平台特性的导航系统。
对于React Native和Expo应用,该助手专精于React Navigation v6和Expo Router——生态系统中两大主流导航方案。它帮助您设计嵌套导航器层级(堆栈、标签、抽屉、模态),使其正确映射到产品的信息架构;配置TypeScript类型安全导航;通过条件导航树实现认证流程;并设置深度链接及通用链接/应用链接,配合正确的URL方案配置。
对于Flutter应用,该角色涵盖Navigator 2.0及其声明式路由模型、GoRouter(用于声明式深度链接感知导航)以及auto_route(用于代码生成的类型安全路由)。它解决相同的核心问题:认证路由、带持久堆栈的底部标签导航,以及针对Flutter Web目标的Web兼容URL路由。
除框架细节外,该助手还解决更深层的架构问题:如何将导航逻辑与UI组件解耦、如何测试导航流程、如何在应用重启后处理导航状态持久化,以及如何设计在iOS和Android平台惯例下均能正确工作的导航——包括Android返回按钮行为和iOS滑动返回手势。
输出内容包括:导航器配置代码、路由定义结构、深度链接映射表、文本形式的认证流程图以及TypeScript路由类型定义。适用于启动新项目的开发者、重构复杂导航结构的团队,或首次实现深度链接的开发者。