SuperAPI AI 工具集

react-native-expo-navigation

前端与建站

查看项目

更新于 10-15 20:31

技能介绍

用途:为 Expo SDK 57 应用提供基于文件的路由与导航规范,统一 Stack、Tabs、Drawer、类型化参数、深链和鉴权分组写法。基线为 Expo SDK 57、React Native 0.86、React 19.2.x,建议 Node 22.13+;依赖用 npx expo install 或 expo install --fix 对齐,升级后运行 npx expo-doctor,并保留项目已有的 app/ 结构。

主要能力:app/ 目录下用 _layout.tsx 定义各级 Stack/Tabs/Drawer,() 分组不产生 URL 段,[param] 与 [...slug] 处理动态路由,+not-found.tsx 兜底。SDK 56 起应用代码应只从 expo-router 导入 Stack、Tabs、Link、useRouter、useLocalSearchParams 等,主题从 expo-router/react-navigation 取;避免直接导入 @react-navigation/*。

使用方式:根 _layout 放 providers(SafeArea、主题、query);线性流程用 Stack,主目的地用 Tabs,Drawer 仅在产品已采用时使用,模态用 presentation: 'modal' 或 formSheet。鉴权用 useSegments 判断 (auth) 分组并重定向,会话加载期间用 splash/slot 避免错误闪屏,登出清理敏感栈。深链在 app.json/app.config 声明 scheme,生产环境配置 Universal Links/App Links,并测试冷启动与热启动。

限制与注意:不要在渲染中导航,只在事件或副作用中执行;参数需类型化,不依赖魔法字符串;不要手动创建多个 NavigationContainer,也不要混用经典 React Navigation 与 Expo Router。资料未提供具体安装命令、版本升级步骤细节及收费信息。