Sign in Go Pro

Advanced React Native

Modal Screens with React Navigation

This lesson is for PRO members.

Upgrade today to get access to all the PRO lessons.

Unlock this lesson

Up next



A modal view in React Navigation will pop up over everything below it in the navigation stack. Our Todo List however, has the AddTodo modal view in the tab navigator, so it doesn't pop up over the tab bar.

We can fix that by moving the AddTodo modal screen up to a new root navigator. Then, it will pop up over all the other views.

It's recommended that you put all modal windows in your application in the root navigator - so that they always pop up over all other views.

Summary of Content:

  • Make a new RootNav stack navigator
  • Move the AddTodo screen to a new root navigator
  • Use the new root navigator in the app render method




There are no comments on this lesson, start the conversation below ...

You need to go PRO to post comments.

Lessons in Advanced React Native