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
- Move the
AddTodoscreen to a new root navigator
- Use the new root navigator in the app render method