Profile My skills Saved My plugins Edit profile Submit a skill

React Native Navigation

Navigation and deep linking for React Native using React Navigation. Use when setting up navigation stacks or deep linking in React Native with React Navigation. (triggers: **/App.tsx, **/*Navigator.tsx, **/*Screen.tsx, NavigationContainer, createStackNavigator, createBottomTabNavigator, linking, deep link)

ComeOnOliver Updated 61 repo stars
Web & Frontend

File contents

React Native Navigation

Priority: P1 (OPERATIONAL)

Navigation and deep linking using React Navigation.

Guidelines

  • Library: Use @react-navigation/native-stack for native performance.
  • Type Safety: Define RootStackParamList for all navigators.
  • Deep Links: Configure linking prop in NavigationContainer.
  • Validation: Validate route parameters (route.params) before fetching data.

Anti-Patterns

  • No Untyped Navigation: navigation.navigate('Unknown') → Error. Use types.
  • No Manual URL Parsing: Use linking.config, not manual string parsing.
  • No Unvalidated Deep Links: Handle invalid IDs gracefully (e.g., redirect to Home/404).

References

See references/routing-patterns.md for typed param lists and deep linking config.

ComeOnOliver/skillshub/tree/main/skills/HoangNguyen0403/agent-skills-standard/react-native-navigation commit 39a30e26df

Browse category

Frequently asked questions

npx skillmds@latest add comeonoliver/react-native-navigation