Skip to content

Module quiz: React Navigation :React Native (Meta iOS Developer Professional Certificate) Answers 2026

Question 1

The entire app must be wrapped in the NavigationContainer while setting up React Navigation. Observe the statement below for importing NavigationContainer, and select the statement that describes it accurately.

import { NavigationContainer } from '@react-navigation/native';

The NavigationContainer is imported from the correct package.
❌ The NavigationContainer is imported from the correct package and will cause an error.

Explanation:
NavigationContainer sahi package @react-navigation/native se hi import hota hai.


Question 2

Which one of the following methods from the navigation prop would you use to go back to the previous screen in the stack history?

❌ push
❌ popToTop
❌ pop
goBack

Explanation:
goBack() directly previous screen par le jaata hai.


Question 3

Which methods will you use to move from one screen to another using React Navigation?

navigation.push(‘Details’)
navigation.navigate(‘Details’)
❌ navigation.goTo(‘Details’)

Explanation:
push aur navigate valid hain. goTo React Navigation ka method nahi hai.


Question 4

Which option would you use to set specific options for each screen and customize its header bar in React Navigation?

❌ screenOptions
options

Explanation:
options per-screen customization ke liye use hota hai.
screenOptions navigator-level ke liye hota hai.


Question 5

Which of the following options would you configure to style the appearance of the drawer in Drawer Navigation?

❌ drawerType
drawerStyle
❌ drawerPosition

Explanation:
Drawer ka look & feel (background, width, etc.) drawerStyle se control hota hai.


Question 6

Select the option which cannot be used to configure the tint color of a tab bar icon in the Tab Navigator.

❌ tabBarActiveTintColor
❌ tabBarInactiveTintColor
tabBarColor

Explanation:
tabBarColor icon tint ke liye use nahi hota (wo Material tabs me background ke liye hota hai).


Question 7

What prop would you use to set up the initial default route within a Drawer Navigator?

❌ name
❌ intialRouteName
❌ component

Correct Answer:None of the above (correct prop is initialRouteName)

Explanation:
Yahan spelling galat di gayi hai (intialRouteName).
Sahi prop hota hai: initialRouteName.


Question 8

To set up Drawer Navigation using React Navigation, which of the following dependencies do you need? Select all that apply.

@react-navigation/drawer
react-native-gesture-handler
❌ react-navigation/native-stack
react-native-reanimated

Explanation:
Drawer navigation ke liye gesture handler aur reanimated required hote hain.


Question 9

The Drawer Navigator allows you to customize the position of the drawer. You can programmatically choose to open the drawer from right to left or left to right.

True
❌ False

Explanation:
drawerPosition: 'left' | 'right' se drawer direction set hoti hai.


Question 10

Study the code below and determine if it has set up Tab Navigation correctly for two screens, Home and Settings.

import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

const Tab = createBottomTabNavigator();

function MyTabs() {
return (
<Tab.Navigator>
<Tab.Screen name="Home" component={HomeScreen} />
<Tab.Screen name="Settings" component={SettingsScreen} />
</Tab.Navigator>

❌ The code is incorrect and will throw an error.
The code correctly sets up tab navigation.

Explanation:
Ye perfect valid Bottom Tab Navigation setup hai.


🧾 Summary Table

Q Correct Answer(s) Key Concept
1 NavigationContainer correct Setup
2 goBack Stack navigation
3 push, navigate Screen transition
4 options Header customization
5 drawerStyle Drawer styling
6 tabBarColor Tab icon config
7 None (typo) initialRouteName
8 drawer, gesture-handler, reanimated Dependencies
9 True Drawer position
10 Code correct Tab navigation