Skip to content
Launchpad

Lesson 04 · Cross-platform Mobile with React Native

Cross-platform: Navigation with React Navigation

Model an app as screens and stacks, build a native stack flow with React Navigation, pass ids in params, and add bottom tabs.

45 minadvancedCross-platform Mobile Specialization

Prerequisites: Cross-platform: Styling & Layout with Flexbox

Learning objectives
By the end of this lesson, you will be able to:
  • Model an app as navigators, screens and routes
  • Build a native stack flow with createNativeStackNavigator and NavigationContainer
  • Move between screens with navigate, push and goBack, passing only ids in params
  • Add a bottom tab navigator and reach navigation from nested components with useNavigation