React Native Navigation

React Native Navigation, available at $49.99, has an average rating of 4.45, with 38 lectures, based on 164 reviews, and has 26392 subscribers.

You will learn about React Native Navigate between screens in a React Native App Build menus and stack navigators This course is ideal for individuals who are Beginners that want to keep learning React Native or Developers that want to add new feature to their React Native app It is particularly useful for Beginners that want to keep learning React Native or Developers that want to add new feature to their React Native app.

Enroll now: React Native Navigation

Summary

Title: React Native Navigation

Price: $49.99

Average Rating: 4.45

Number of Lectures: 38

Number of Published Lectures: 38

Number of Curriculum Items: 39

Number of Published Curriculum Objects: 39

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

React Native

Navigate between screens in a React Native App

Build menus and stack navigators

Who Should Attend

Beginners that want to keep learning React Native

Developers that want to add new feature to their React Native app

Target Audiences

Beginners that want to keep learning React Native

Developers that want to add new feature to their React Native app

The React Native Complete Navigation Course will let learn several different types of navigation options by building in a React Native App.

Navigation through pages is a corner stone of Web Applications and Mobile Applications for the same reason.

In this course we will learn how to make use of different types of navigations like Drawer Navigation, Bottom Tab Navigation, Material Top Tab Navigation, Stack Navigation and to navigate to a single screen dynamically with Route Parameters.

We will also learn how to nest 2 different kinds of Navigators in each other.

We will build and see how menus and navigation works both on Android and IOS platforms.

By the end of this course you will have a deep understanding how navigation works in React Native.

React Native is javascript framework that allows us to build cross-platform application both for iOS and Android and also for Web. This framework allied with Expo offers us several out of the box methods to build Mobile application for any case that we want.

React Navigation is third party library that we can make use to navigate between screens in our app by a gesture like press, long press or swipe, or by an action method that will run in our code.

In this course we will use React Navigation version 5.x so you should be able to follow using the latest version of this library.

This course will also be updated regularly, either with new content or updates to code itself.

LEARNING OUTCOMES

Over 2.5 hours of content.

Learn to navigate through your React Native Application with React Navigation 5.x.

Drawer Navigation.

Bottom Tab Navigation.

Material Top Tab Navigation.

Stack Navigation.

Nested Navigators

And navigate through Route Parameters.

Course Curriculum

Chapter 1: Introduction and Set Up

Lecture 1: Overview

Lecture 2: Expo

Lecture 3: Android Studio

Lecture 4: XCode

Chapter 2: Drawer Navigation

Lecture 1: Section introduction: Component and Dependencies

Lecture 2: Custom Drawer

Lecture 3: Generate Screens

Lecture 4: Drawer Navigator

Lecture 5: Header

Lecture 6: Drawer Icons

Lecture 7: Section Code

Chapter 3: Bottom Tab Navigation

Lecture 1: Section introduction

Lecture 2: Set up Component

Lecture 3: Screens

Lecture 4: Navigation Tabs

Lecture 5: Tab Options

Lecture 6: Section Code

Chapter 4: Stack Navigation

Lecture 1: Section introduction

Lecture 2: Set up Component

Lecture 3: Screens

Lecture 4: Stack Navigator

Lecture 5: Animations

Lecture 6: Section Code

Chapter 5: Top Bar Tab Navigation

Lecture 1: Section Intro

Lecture 2: Set Up Component

Lecture 3: Components

Lecture 4: Safe Area Insets

Lecture 5: Nested Navigators

Lecture 6: Section Code

Chapter 6: Route Params

Lecture 1: Section Intro

Lecture 2: Set Up Component

Lecture 3: Data and Home Component

Lecture 4: Custom Card

Lecture 5: Single Page

Lecture 6: Route Params

Lecture 7: Section Code

Chapter 7: Conclusion

Lecture 1: Conclusion

Lecture 2: Source Code

Instructors

Tiago Pereira
Full Stack Web and Mobile Developer

Laila Sermon
Content Manager, Developer, Designer

Rating Distribution

1 stars: 6 votes

2 stars: 6 votes

3 stars: 19 votes

4 stars: 45 votes

5 stars: 88 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!