Explore Library
React NativeNavigation

75 items

1

Fixing useNavigation Import

Code Quiz
2

Native Stack vs JS Stack Navigator

Slides / Video
3

Going Back with goBack

Code Quiz
4

TypeScript Typing for Params

Code Quiz
5

Defining Screens with Stack.Screen

Code Quiz
6

Hardware Back Button Handling

Code Quiz
7

Passing Params to a Route

Code Quiz
8

Installing React Navigation Dependencies

Code Quiz
9

Creating a Drawer Navigator

Code Quiz
10

replace vs navigate

Code Quiz
11

Setting Screen Options

Code Quiz
12

Resetting Navigation State

Code Quiz
13

Customizing Tab Icons and Labels

Code Quiz
14

push vs navigate Behavior

Code Quiz
15

Using the useRoute Hook

Code Quiz
16

NavigationContainer Root Wrapper

Code Quiz
17

Modal Presentation with Stack

Code Quiz
18

Nesting Stack Inside Tabs

Code Quiz
19

Navigating to Nested Screen

Code Quiz
20

Dynamic Header with setOptions

Code Quiz
21

Creating a Stack Navigator

Code Quiz
22

Navigating Between Screens

Code Quiz
23

Passing Params Back to Previous Screen

Code Quiz
24

Configuring Initial Route

Code Quiz
25

Reading Route Params

Code Quiz
26

Custom Header Right Button

Code Quiz
27

Creating a Bottom Tab Navigator

Code Quiz
28

Handling Focus with useFocusEffect

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

push vs navigate

Quiz
40

useFocusEffect

Quiz
41

useIsFocused Hook

Quiz
42

useNavigation Hook

Quiz
43

Nesting Navigators

Quiz
44

Deep Linking Basics

Quiz
45

Typing Navigation Params

Quiz
46

Drawer Navigator

Quiz
47

Bottom Tab Navigator

Quiz
48

Customizing the Header

Quiz
49

Screen Options

Quiz
50

Going Back

Quiz
51

Reading Route Params

Quiz
52

Passing Params

Quiz
53

Navigate Between Screens

Quiz
54

Native vs JS Stack

Quiz
55

Stack Navigator Basics

Quiz
56

NavigationContainer Purpose

Quiz
57

React Navigation Overview

Quiz
58

Auth Flow Navigation

Quiz
59

Modal Presentation

Quiz
60

Expo Router File Routing

Quiz
61

Passing Data Back

Quiz
62

Resetting Navigation State

Quiz
63

Navigation Outside Components

Quiz
64

useRoute Hook

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

Modal Presentation via Navigation

Flashcard
74

React Navigation Library Overview

Flashcard
75

Native Stack vs JS Stack Navigator

Flashcard
Code QuizIntermediate

Creating a Bottom Tab Navigator

Find why the bottom tab navigator fails to build.

Codejavascript
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

const Tab = createBottomTabNavigator();

function App() {
  return (
    <NavigationContainer>
      <Tab.Screen name="Home" component={HomeScreen} />
      <Tab.Screen name="Settings" component={SettingsScreen} />
    </NavigationContainer>
  );
}

What is the bug in this code?