React Native React Native Navigation & Routing

Question 1

Which library is the most widely used for navigation in React Native applications?

Accepted Answer

React Navigation

Answer

React Navigation is the community-standard navigation library for React Native, supporting stack, tab, and drawer navigators.

Question 2

What does a Stack Navigator do in React Native?

Accepted Answer

Navigates screens in a last-in-first-out stack pattern

Answer

Stack Navigator pushes screens onto a stack and allows users to navigate back by popping screens off the stack.

Question 3

Which React Navigation component wraps the entire navigation tree to provide context?

Accepted Answer

NavigationContainer

Answer

NavigationContainer manages the navigation tree and contains the navigation state, and must wrap all navigators.

Question 4

How do you navigate to a new screen using the navigation prop in React Navigation?

Accepted Answer

navigation.navigate('ScreenName')

Answer

navigation.navigate('ScreenName') moves to the specified screen, and if the screen is already in the stack, it returns to it.

Question 5

What is the purpose of the Tab Navigator in React Navigation?

Accepted Answer

To create bottom or top tab-based navigation

Answer

Tab Navigator renders a tab bar at the bottom or top of the screen, allowing users to switch between screens quickly.

React Native Practice Test