用途:该技能帮助开发者掌握 React Native 应用中的导航模式,基于 React Navigation v6+ 与 Expo Router,覆盖栈、标签、抽屉导航、深度链接及 TypeScript 集成。
主要能力:设置带 TypeScript 的 React Navigation;实现 Stack、Tab、Drawer 导航器;配置深度链接与通用链接;处理认证流程;在屏幕间类型安全地传递参数。
使用方式:需先具备 React Native 基础、TypeScript 基础与 React context 理解。安装命令:npm install @react-navigation/native @react-navigation/native-stack;npm install react-native-screens react-native-safe-area-context;标签导航需 npm install @react-navigation/bottom-tabs;抽屉导航需 npm install @react-navigation/drawer react-native-gesture-handler react-native-reanimated。通过 createNativeStackNavigator 定义 RootStackParamList 并创建导航器;用 NavigationContainer 包裹应用,可传入 linking 配置实现深度链接;用 useNavigation 配合 NativeStackNavigationProp 实现类型安全跳转。调用方式为 Skill("react-native-navigation")。
适用场景:需要为 React Native 应用搭建多屏幕导航、认证路由保护、深度链接跳转及类型安全参数传递的项目。
限制:资料未提供具体收费、价格、平台支持范围或效果数据;需自行验证导航在双平台的表现、深度链接正确性及 TypeScript 参数检查。