React Native React Native Navigation & Routing 2

Question 1

How do you access parameters passed to a screen in React Navigation?

Accepted Answer

route.params

Answer

Parameters passed during navigation are accessed via the route.params object, which is provided as a prop to screen components.

Question 2

Which method resets the navigation stack and navigates to a new screen?

Accepted Answer

navigation.reset

Answer

navigation.reset() resets the navigation state to the specified state, useful for clearing history after login/logout.

Question 3

What is a Drawer Navigator in React Navigation?

Accepted Answer

A side-menu navigation pattern

Answer

Drawer Navigator renders a navigation menu that slides in from the side of the screen, commonly used for app menus.

Question 4

How do you go back to the previous screen programmatically in React Navigation?

Accepted Answer

navigation.goBack()

Answer

navigation.goBack() navigates to the previous screen in the stack, equivalent to pressing the hardware back button.

Question 5

What is the purpose of the useFocusEffect hook in React Navigation?

Accepted Answer

To run effects when a screen gains or loses focus

Answer

useFocusEffect runs a callback when the screen comes into focus and optionally cleans up when it loses focus.

React Native Practice Test