</>SkillRecallRECALL WHAT YOU KNOW
Explore Library
React NativeNavigation

30 items

1

Missing NavigationContainer Wrapper

Code Quiz
2

React Navigation vs Native Navigation

Quiz
3

Fixing useNavigation Import

Code Quiz
4

Native Stack vs JS Stack Navigator

Slides / Video
5

Creating a Stack Navigator

Code Quiz
6

Creating a Bottom Tab Navigator

Code Quiz
7

Custom Header Right Button

Code Quiz
8

Reading Route Params

Code Quiz
9

Configuring Initial Route

Code Quiz
10

Defining Screens with Stack.Screen

Code Quiz
11

Passing Params Back to Previous Screen

Code Quiz
12

Navigating Between Screens

Code Quiz
13

Dynamic Header with setOptions

Code Quiz
14

Going Back with goBack

Code Quiz
15

Navigating to Nested Screen

Code Quiz
16

Nesting Stack Inside Tabs

Code Quiz
17

Modal Presentation with Stack

Code Quiz
18

NavigationContainer Root Wrapper

Code Quiz
19

Using the useRoute Hook

Code Quiz
20

push vs navigate Behavior

Code Quiz
21

Customizing Tab Icons and Labels

Code Quiz
22

Resetting Navigation State

Code Quiz
23

Setting Screen Options

Code Quiz
24

replace vs navigate

Code Quiz
25

Creating a Drawer Navigator

Code Quiz
26

Installing React Navigation Dependencies

Code Quiz
27

Passing Params to a Route

Code Quiz
28

TypeScript Typing for Params

Code Quiz
29

Handling Focus with useFocusEffect

Code Quiz
30

Hardware Back Button Handling

Code Quiz
Code QuizAdvanced

Missing NavigationContainer Wrapper

Spot why this navigator crashes at runtime without a NavigationContainer.

Codejavascript
import { createNativeStackNavigator } from '@react-navigation/native-stack';

const Stack = createNativeStackNavigator();

export default function App() {
  return (
    <Stack.Navigator>
      <Stack.Screen name="Home" component={HomeScreen} />
      <Stack.Screen name="Details" component={DetailsScreen} />
    </Stack.Navigator>
  );
}

This app throws an error as soon as it renders. What is the bug?