Skip to content

Final course quiz: React Native :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 ko @react-navigation/native se hi import kiya jaata hai. Ye bilkul sahi syntax 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() previous screen par return karne ke liye use hota 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 methods hain. goTo React Navigation me exist nahi karta.


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 header customization ke liye hota hai.
screenOptions navigator-level settings 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 UI (background, width, etc.) control karne ke liye drawerStyle use 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.


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

Explanation:
Sahi prop ka naam initialRouteName hota hai.
Yahan spelling galat di gayi hai (intialRouteName), isliye koi option correct nahi hai.


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 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 valid aur standard Bottom Tab Navigator setup hai.


🧾 Summary Table

Question Correct Answer(s) Concept
Q1 Correct package NavigationContainer
Q2 goBack Stack navigation
Q3 push, navigate Screen navigation
Q4 options Header config
Q5 drawerStyle Drawer UI
Q6 tabBarColor Tab icon
Q7 None (typo) initialRouteName
Q8 drawer, gesture-handler, reanimated Dependencies
Q9 True Drawer position
Q10 Code correct Tab navigation