Choosing a React Navigation Navigator: Stack, Tabs, or Drawer
Match your navigator to your app's information architecture: stack for hierarchical flows, bottom tabs for three to five top-level sections, and drawer for secondary screens.
Loading…
ReadMeFeed / Community knowledge
#react-navigation
Real questions. Useful conversations. Find the people who know your stack.
reactnavigationBuild a Protected Auth Flow with React Navigation v6
Protect React Navigation screens by conditionally rendering Login or Home and re-validating tokens on focus with useFocusEffect.
Choosing a Routing Architecture for Expo: Expo Router vs. React Navigation
Compare Expo Router's file-based routing against React Navigation's component-based approach to decide which architecture fits your Expo project's scale and deep-linking needs.
expoStop Refetching on Every Render: A Practical Guide to useFocusEffect in React Navigation
React Navigation keeps screens mounted after you navigate away, so useEffect fires only once. useFocusEffect scopes side effects to focus events—if you memoize the callback and clean up properly.
Managing Nested State Transitions with React Navigation Deep Linking
Stop deep links from creating dead-end screens. Learn how to use nested linking configurations in React Navigation to automatically reconstruct the back stack.
Type-Safe React Navigation: Catch Route Typos Before Runtime
Move React Navigation route and parameter mistakes from runtime to compile time with a TypeScript ParamList.
Type a React Navigation Stack Navigator with Param Lists and Header Options
Define typed navigation params, set global header screenOptions, and override headers per screen in React Navigation for React Native.
Why Your React Navigation Screen Shows Stale Data (And How useFocusEffect Fixes It)
React Navigation keeps screens mounted after you leave them, so a plain useEffect with an empty dependency array never fires again. useFocusEffect runs side effects on every focus, but only if you wrap the callback in useCallback.
Fix React Navigation v6 State Persistence Issues
When React Navigation v6 resets to the root screen on restart, the persistence layer is likely misconfigured. This guide walks through common causes, a step‑by‑step diagnostic checklist, targeted fixes, and escalation paths to help you restore navigation state reliably.