Diagnosing Missing Params in React Navigation Screen Transitions
Screen opens but route.params is undefined after push or replace? Check the param object, key names, deep link config, navigator version, and re-render resets in order.
Loading…
ReadMeFeed / Community knowledge
#react-navigation
Real questions. Useful conversations. Find the people who know your stack.
reactnavigationNested Navigators in React Navigation: Keeping Tab State Independent Without Losing Context
A flat navigator resets history when users switch tabs. Learn how to nest a stack navigator inside a tab navigator in React Navigation 6.x so each tab keeps its own state.
React Navigation Deep Linking: Diagnose and Fix Common Failures in v6
When a deep link fails in a React Navigation v6 app, the issue often lies in OS‑level scheme registration, linking configuration, or initial URL handling. This guide walks through a diagnostic table, ordered checks, and concrete fixes to get your URLs working reliably on iOS and Android.
Type-Safe Routing in React Navigation v6: Param Lists That Catch Bugs at Compile Time
React Navigation v6's TypeScript param lists turn route names and params into compile-time contracts. Here's how to set them up, compose nested navigators, and know where the safety ends.
Managing Application State via React Navigation Stack State
Learn how to decouple business logic from React Navigation's Stack Navigator by implementing ID-based routing and focus-driven data fetching to prevent stale state and memory leaks.
Using React Navigation's useFocusEffect to Manage Screen-Focus Side Effects
Learn how React Navigation's useFocusEffect hook lets you start and stop subscriptions, animations, or data fetching exactly when a screen gains or loses focus, with a concrete NetInfo example and tips to avoid common pitfalls.
Solving the 'Disappearing Tab Bar' with Nested Navigation in React Navigation
Stop the bottom tab bar from disappearing when navigating to detail pages. Learn how to nest Stack Navigators inside Tab Navigators for a persistent UI.
Configure Deep Linking in React Navigation for Android and iOS
Learn how to configure React Navigation to handle incoming URLs and open specific screens on Android and iOS, with setup steps, verification commands, and error‑handling strategies.
Choosing Between native‑stack and JS stack in React Navigation per Navigator
Per‑navigator decision guide: when to use native‑stack vs JS stack, constraints, trade‑offs, and a mixed‑stack setup with validation steps.