Explore Library
React NativeNavigation

95 items

1

Fixing useNavigation Import

Code Quiz
2

Native Stack vs JS Stack Navigator

Slides / Video
3

NavigationContainer Root Wrapper

Code Quiz
4

Creating a Bottom Tab Navigator

Code Quiz
5

Custom Header Right Button

Code Quiz
6

Reading Route Params

Code Quiz
7

Configuring Initial Route

Code Quiz
8

Passing Params Back to Previous Screen

Code Quiz
9

Navigating Between Screens

Code Quiz
10

Creating a Stack Navigator

Code Quiz
11

Dynamic Header with setOptions

Code Quiz
12

Going Back with goBack

Code Quiz
13

Navigating to Nested Screen

Code Quiz
14

Nesting Stack Inside Tabs

Code Quiz
15

Modal Presentation with Stack

Code Quiz
16

Using the useRoute Hook

Code Quiz
17

push vs navigate Behavior

Code Quiz
18

Customizing Tab Icons and Labels

Code Quiz
19

Resetting Navigation State

Code Quiz
20

Setting Screen Options

Code Quiz
21

replace vs navigate

Code Quiz
22

Creating a Drawer Navigator

Code Quiz
23

Installing React Navigation Dependencies

Code Quiz
24

Passing Params to a Route

Code Quiz
25

Defining Screens with Stack.Screen

Code Quiz
26

Handling Focus with useFocusEffect

Code Quiz
27

TypeScript Typing for Params

Code Quiz
28

Hardware Back Button Handling

Code Quiz
29

React Navigation: Overview & Install

Slides / Video
30

Why Navigation Libraries Exist

Slides / Video
31

Expo Router: File-Based Routing

Slides / Video
32

TypeScript Typing for Navigation Params

Slides / Video
33

Authentication Flows & Conditional Navigation

Slides / Video
34

Deep Linking Configuration

Slides / Video
35

useFocusEffect & Screen Focus Events

Slides / Video
36

The useRoute Hook

Slides / Video
37

The useNavigation Hook

Slides / Video
38

Nesting Navigators in React Navigation

Slides / Video
39

Nesting Navigators

Quiz
40

Resetting Navigation State

Quiz
41

Expo Router File Routing

Quiz
42

Passing Data Back

Quiz
43

useRoute Hook

Quiz
44

push vs navigate

Quiz
45

Screen Options

Quiz
46

Customizing the Header

Quiz
47

useNavigation Hook

Quiz
48

Bottom Tab Navigator

Quiz
49

Drawer Navigator

Quiz
50

Navigation Outside Components

Quiz
51

React Navigation Overview

Quiz
52

Typing Navigation Params

Quiz
53

Modal Presentation

Quiz
54

NavigationContainer Purpose

Quiz
55

Deep Linking Basics

Quiz
56

Auth Flow Navigation

Quiz
57

Native vs JS Stack

Quiz
58

Stack Navigator Basics

Quiz
59

Navigate Between Screens

Quiz
60

useIsFocused Hook

Quiz
61

useFocusEffect

Quiz
62

Passing Params

Quiz
63

Reading Route Params

Quiz
64

Going Back

Quiz
65

Configuring Screen Options & Headers

Slides / Video
66

Managing the Navigation Stack

Slides / Video
67

The navigation and route Props

Slides / Video
68

Passing Parameters Between Screens

Slides / Video
69

Navigating Screens with navigation.navigate

Slides / Video
70

Drawer Navigator for Side Menus

Slides / Video
71

Tab Navigator for Bottom Tab Bars

Slides / Video
72

Stack Navigator for Screen Transitions

Slides / Video
73

Installing and Configuring React Navigation

Flashcard
74

React Navigation Library Overview

Flashcard
75

Native Stack vs JS Stack Navigator

Flashcard
76

Handling the Android Hardware Back Button

Flashcard
77

Navigating Between Screens

Flashcard
78

The Navigation State Object

Flashcard
79

navigation Prop and useNavigation Hook

Flashcard
80

Deep Linking Configuration

Flashcard
81

Customizing the Header

Flashcard
82

Type Safety for Navigation (TypeScript)

Flashcard
83

Tab Navigator (Bottom Tabs)

Flashcard
84

Reading Route Params with useRoute

Flashcard
85

Resetting Navigation State

Flashcard
86

Expo Router / File-Based Routing

Flashcard
87

Stack Navigator

Flashcard
88

Drawer Navigator

Flashcard
89

Nesting Navigators

Flashcard
90

Passing Parameters to Routes

Flashcard
91

Configuring Screen Options and Headers

Flashcard
92

Navigation Lifecycle and Focus Events

Flashcard
93

NavigationContainer

Flashcard
94

Modal Presentation via Navigation

Flashcard
95

NavigationContainer as the Root Wrapper

Slides / Video
Slides / VideoIntermediate

Configuring Screen Options & Headers

Learn how to customize a screen's header title, colors, and visibility using options and screenOptions in React Navigation.

Slide 1
1 / 6