Module quiz: React Navigation :React Native (Meta React Native Specialization) Answers 2025
1. Question 1
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.
2. Question 2
Method to go back to previous screen:
-
✔️ goBack
-
❌ push
-
❌ popToTop
-
❌ pop
3. Question 3
Methods to move to another screen:
-
✔️ navigation.push(‘Details’)
-
✔️ navigation.navigate(‘Details’)
-
❌ navigation.goTo(‘Details’)
4. Question 4
Option to customize header per screen:
-
✔️ options
-
❌ screenOptions (used for global configs)
5. Question 5
Option to style the drawer appearance:
-
✔️ drawerStyle
-
❌ drawerType (behavior)
-
❌ drawerPosition (left/right)
6. Question 6
Cannot be used to style tab icon tint:
-
✔️ tabBarColor
-
❌ tabBarActiveTintColor
-
❌ tabBarInactiveTintColor
7. Question 7
Prop for initial default route:
-
❌ name
-
✔️ initialRouteName (correct spelling: initialRouteName)
-
❌ component
8. Question 8
Dependencies required for Drawer Navigation:
-
✔️ @react-navigation/drawer
-
✔️ react-native-gesture-handler
-
❌ react-navigation/native-stack
-
✔️ react-native-reanimated
9. Question 9
Drawer position customizable?
-
✔️ True
10. Question 10
Tab Navigation code correctness:
-
✔️ The code correctly sets up tab navigation.
-
❌ The code is incorrect
📘 Summary Table
| Q | Correct Answer | ✔️ |
|---|---|---|
| 1 | NavigationContainer imported correctly | ✔️ |
| 2 | goBack | ✔️ |
| 3 | push, navigate | ✔️ |
| 4 | options | ✔️ |
| 5 | drawerStyle | ✔️ |
| 6 | tabBarColor | ✔️ |
| 7 | initialRouteName | ✔️ |
| 8 | drawer, gesture-handler, reanimated | ✔️ |
| 9 | True | ✔️ |
| 10 | Code is correct | ✔️ |