Profile My skills Saved My plugins Edit profile Submit a skill

React Native Navigation

Navigation and deep linking for React Native using React Navigation.

fierzone Updated
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.

Routing Patterns

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).

Related Topics

react-native-dls | react-native-notifications | mobile-ux-core

fierzone/agent-skills-standard/tree/main/skills/react-native/react-native-navigation commit f883bae78f

Browse category

Frequently asked questions

npx skillmds@latest add fierzone/react-native-navigation-2