Explore Library
React NativeNavigation

75 items

1

Fixing useNavigation Import

Code Quiz
2

Native Stack vs JS Stack Navigator

Slides / Video
3

Creating a Bottom Tab Navigator

Code Quiz
4

Hardware Back Button Handling

Code Quiz
5

Defining Screens with Stack.Screen

Code Quiz
6

TypeScript Typing for Params

Code Quiz
7

Customizing Tab Icons and Labels

Code Quiz
8

push vs navigate Behavior

Code Quiz
9

Using the useRoute Hook

Code Quiz
10

NavigationContainer Root Wrapper

Code Quiz
11

Modal Presentation with Stack

Code Quiz
12

Nesting Stack Inside Tabs

Code Quiz
13

Navigating to Nested Screen

Code Quiz
14

Going Back with goBack

Code Quiz
15

Dynamic Header with setOptions

Code Quiz
16

Creating a Stack Navigator

Code Quiz
17

Navigating Between Screens

Code Quiz
18

Passing Params Back to Previous Screen

Code Quiz
19

Configuring Initial Route

Code Quiz
20

Reading Route Params

Code Quiz
21

Custom Header Right Button

Code Quiz
22

Handling Focus with useFocusEffect

Code Quiz
23

Passing Params to a Route

Code Quiz
24

Installing React Navigation Dependencies

Code Quiz
25

Creating a Drawer Navigator

Code Quiz
26

replace vs navigate

Code Quiz
27

Setting Screen Options

Code Quiz
28

Resetting Navigation State

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

Stack Navigator Basics

Quiz
40

Customizing the Header

Quiz
41

Screen Options

Quiz
42

push vs navigate

Quiz
43

Going Back

Quiz
44

Reading Route Params

Quiz
45

Passing Params

Quiz
46

Navigate Between Screens

Quiz
47

Native vs JS Stack

Quiz
48

Bottom Tab Navigator

Quiz
49

NavigationContainer Purpose

Quiz
50

React Navigation Overview

Quiz
51

Passing Data Back

Quiz
52

useFocusEffect

Quiz
53

Resetting Navigation State

Quiz
54

useRoute Hook

Quiz
55

Auth Flow Navigation

Quiz
56

Navigation Outside Components

Quiz
57

Modal Presentation

Quiz
58

Nesting Navigators

Quiz
59

useIsFocused Hook

Quiz
60

Expo Router File Routing

Quiz
61

useNavigation Hook

Quiz
62

Deep Linking Basics

Quiz
63

Typing Navigation Params

Quiz
64

Drawer Navigator

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

Expo Router / File-Based Routing

Flashcard
74

Reading Route Params with useRoute

Flashcard
75

Deep Linking Configuration

Flashcard
Code QuizIntermediate

Customizing Tab Icons and Labels

Spot why the tab icon never appears in the tab bar.

Codejavascript
<Tab.Screen
  name="Home"
  component={HomeScreen}
  options={{
    tabBarIcon: <Icon name="home" size={24} />,
    tabBarLabel: 'Home',
  }}
/>

What is the bug in this code?