Hoangnguyen0403 Agent Skills Standard React Native Navigation

React Native Navigation

Priority: P1 (OPERATIONAL)

Navigation and deep linking using React Navigation.

Configure Type-Safe Navigation

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

See routing patterns for type-safe stack setup and deep linking configuration.

Anti-Patterns

• No Untyped Navigation: navigation.navigate('Unknown') leads to errors. Use typed params.
• 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.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.