该技能用于在 React Native Web 项目中实现导航,核心是使用 React Navigation 提供的统一 API,同时支持原生平台与 Web 平台,而非直接使用仅面向 Web 的 React Router。
主要能力包括:Stack Navigator(页面间跳转)、Tab Navigator(应用主分区)、Drawer Navigator(Web 端侧边栏,可按窗口宽度切换 permanent/front)、类型安全的导航参数定义、基于 LinkingOptions 的 Web URL 与深度链接配置(含前缀与路由路径映射)、导航守卫与受保护路由、以及通过 createNavigationContainerRef 实现的程序化导航。
使用方式:通过 NavigationContainer 包裹导航器,用 createNativeStackNavigator 等创建导航器并声明 Screen;用 TypeScript 定义 RootStackParamList 以获得类型安全;用 useNavigation、useRoute 等 hook 获取导航与路由对象;在 NavigationContainer 上传入 linking 配置来匹配 https://myapp.com 与自定义 scheme 的 URL。
文档同时给出反模式:不要直接使用 React Router,不要手动透传 navigation prop(应使用 useNavigation),不要把导航状态存入 Redux/Context。相关技能包括 react-native-web-core、react-native-web-styling、react-native-web-testing。
限制:资料未提供安装命令、版本要求、性能数据或收费信息,这些内容暂未提供。