Navigation

97 lessons in React Native

• Missing NavigationContainer WrapperCode Quiz
• React Navigation vs Native NavigationQuiz
• Fixing useNavigation ImportCode Quiz
• Native Stack vs JS Stack NavigatorSlides / Video
• Passing Params to a RouteCode Quiz
• Installing React Navigation DependenciesCode Quiz
• Creating a Drawer NavigatorCode Quiz
• replace vs navigateCode Quiz
• Defining Screens with Stack.ScreenCode Quiz
• Setting Screen OptionsCode Quiz
• Resetting Navigation StateCode Quiz
• Customizing Tab Icons and LabelsCode Quiz
• push vs navigate BehaviorCode Quiz
• Using the useRoute HookCode Quiz
• NavigationContainer Root WrapperCode Quiz
• Modal Presentation with StackCode Quiz
• Nesting Stack Inside TabsCode Quiz
• Navigating to Nested ScreenCode Quiz
• Going Back with goBackCode Quiz
• Dynamic Header with setOptionsCode Quiz
• Creating a Stack NavigatorCode Quiz
• Navigating Between ScreensCode Quiz
• Passing Params Back to Previous ScreenCode Quiz
• Hardware Back Button HandlingCode Quiz
• Handling Focus with useFocusEffectCode Quiz
• Configuring Initial RouteCode Quiz
• Reading Route ParamsCode Quiz
• Custom Header Right ButtonCode Quiz
• Creating a Bottom Tab NavigatorCode Quiz
• TypeScript Typing for ParamsCode Quiz
• React Navigation: Overview & InstallSlides / Video
• Why Navigation Libraries ExistSlides / Video
• Expo Router: File-Based RoutingSlides / Video
• TypeScript Typing for Navigation ParamsSlides / Video
• Authentication Flows & Conditional NavigationSlides / Video
• Deep Linking ConfigurationSlides / Video
• useFocusEffect & Screen Focus EventsSlides / Video
• The useRoute HookSlides / Video
• The useNavigation HookSlides / Video
• Nesting Navigators in React NavigationSlides / Video
• Bottom Tab NavigatorQuiz
• Passing Data BackQuiz
• Expo Router File RoutingQuiz
• Auth Flow NavigationQuiz
• NavigationContainer PurposeQuiz
• push vs navigateQuiz
• Navigate Between ScreensQuiz
• Reading Route ParamsQuiz
• Resetting Navigation StateQuiz
• Stack Navigator BasicsQuiz
• useRoute HookQuiz
• Drawer NavigatorQuiz
• useFocusEffectQuiz
• Navigation Outside ComponentsQuiz
• Going BackQuiz
• useNavigation HookQuiz
• Nesting NavigatorsQuiz
• Modal PresentationQuiz
• Passing ParamsQuiz
• Native vs JS StackQuiz
• Customizing the HeaderQuiz
• useIsFocused HookQuiz
• React Navigation OverviewQuiz
• Typing Navigation ParamsQuiz
• Screen OptionsQuiz
• Deep Linking BasicsQuiz
• Configuring Screen Options & HeadersSlides / Video
• Managing the Navigation StackSlides / Video
• The navigation and route PropsSlides / Video
• Passing Parameters Between ScreensSlides / Video
• Navigating Screens with navigation.navigateSlides / Video
• Drawer Navigator for Side MenusSlides / Video
• Tab Navigator for Bottom Tab BarsSlides / Video
• Stack Navigator for Screen TransitionsSlides / Video
• Nesting NavigatorsFlashcard
• Navigation Lifecycle and Focus EventsFlashcard
• Reading Route Params with useRouteFlashcard
• Handling the Android Hardware Back ButtonFlashcard
• The Navigation State ObjectFlashcard
• Passing Parameters to RoutesFlashcard
• Resetting Navigation StateFlashcard
• Drawer NavigatorFlashcard
• React Navigation Library OverviewFlashcard
• navigation Prop and useNavigation HookFlashcard
• NavigationContainerFlashcard
• Expo Router / File-Based RoutingFlashcard
• Customizing the HeaderFlashcard
• Installing and Configuring React NavigationFlashcard
• Modal Presentation via NavigationFlashcard
• Type Safety for Navigation (TypeScript)Flashcard
• Tab Navigator (Bottom Tabs)Flashcard
• Configuring Screen Options and HeadersFlashcard
• Navigating Between ScreensFlashcard
• Stack NavigatorFlashcard
• Deep Linking ConfigurationFlashcard
• Native Stack vs JS Stack NavigatorFlashcard
• NavigationContainer as the Root WrapperSlides / Video