Course's logo Course
pro
Master React Native Navigation
15 videos 1 hrs 14 mins 13 June 2023

Course Decription

Unlock the secrets of seamless navigation in React Native apps with our in-depth course, “Master React Native Navigation.” Learn how to craft intuitive, user-friendly navigation using the React Navigation library and the new Expo Router.

What will I learn?

  • 🔥 Deep dive into the React Navigation library, mastering stack navigation to route between different screens.
  • 🔗 Create visually appealing tabs and drawer layouts for an organized, smooth user experience.
  • 😎 Rebuild the app using the cutting-edge Expo Router, exploring the power of file-based routing.

Elevate your mobile app development skills to new heights. Enroll in “Master React Native Navigation” now and become a maestro of navigation in React Native apps!

start course start course

💫 Intro

Navigation Introduction

We start with a quick overview about the two parts of the course and different navigation options.

3 min
view

🗺️ React Navigation

Setting up React Navigation

We begin by setting up React Navigation in our Expo app.

2 min
view

Defining Stack Navigation

We set up the first navigation stack in our app.

5 min
view

Navigation between Screens

Now we can navigate between screens, so let's add some more screens to our app.

7 min
view

Configure the Header

Learn how to configure the header of your application in stack navigation.

3 min
view

Creating a Drawer Layout

In this video we'll create a drawer layout with the classic side menu.

7 min
view

Building a Tab Bar

In this video, we'll learn how to build a tab bar using React Navigation.

5 min
view

Presenting a Modal

In this lesson, we'll learn how to present a modal with React Navigation.

4 min
view

🗳️ Expo Router

Setting up Expo Router

We start a new app using the Expo Router v1.

5 min
view

Routes and Layout

Learn how to use the Expo Router to create routes and layouts in your app.

5 min
view

Navigation with Parameter

Learn how to navigate to a page with a parameter using the Link component.

5 min
view

Adding a Drawer Menu

In this lesson we'll add a drawer menu to our app with its own layout.

6 min
view

Creating a Tabs Layout

Learn how to create a tabs layout with the Expo Router.

6 min
view

Nesting Layouts

Now we add a stack navigation nested inside one of our tabs.

6 min
view

Presenting a Modal

In this video, we'll learn how to present a modal in our app using the Expo Router.

5 min
view