Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-01-03 15:53:38
30-Day Money-Back Guarantee

This course includes:

  • 2.5 hours on-demand video
  • 6 articles
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
Development Mobile Development React

React Native Navigation

Learn to build different types of navigation in a React Native Appliaction
Rating: 4.2 out of 54.2 (77 ratings)
6,642 students
Created by Tiago Pereira
Last updated 12/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • React Native
  • Navigate between screens in a React Native App
  • Build menus and stack navigators

Course content

7 sections • 38 lectures • 2h 29m total length

  • Preview00:40
  • Preview02:55
  • Preview03:28
  • Preview01:39

  • Preview08:27
  • Custom Drawer
    06:45
  • Generate Screens
    09:18
  • Drawer Navigator
    08:38
  • Header
    14:30
  • Drawer Navigation Exercise
    1 question
  • Drawer Icons
    03:23
  • Section Code
    00:03

  • Section introduction
    01:28
  • Set up Component
    03:10
  • Screens
    05:44
  • Navigation Tabs
    06:37
  • Tab Options
    05:46
  • Section Code
    00:03

  • Section introduction
    00:49
  • Set up Component
    03:58
  • Screens
    05:02
  • Stack Navigator
    05:32
  • Animations
    04:17
  • Section Code
    00:03

  • Section Intro
    00:36
  • Set Up Component
    05:48
  • Components
    03:12
  • Safe Area Insets
    01:13
  • Nested Navigators
    01:47
  • Section Code
    00:03

  • Section Intro
    00:54
  • Set Up Component
    04:46
  • Data and Home Component
    02:52
  • Custom Card
    04:44
  • Single Page
    03:04
  • Route Params
    04:02
  • Section Code
    00:03

  • Conclusion
    00:32
  • Source Code
    00:02

Requirements

  • Familiarity with React
  • Internet connection

Description

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.

Who this course is for:

  • Beginners that want to keep learning React Native
  • Developers that want to add new feature to their React Native app

Instructor

Tiago Pereira
Full Stack Web and Mobile Developer
Tiago Pereira
  • 4.6 Instructor Rating
  • 276 Reviews
  • 25,594 Students
  • 3 Courses

Hi! My name is Tiago Pereira and i'm a Full Stack Web and Mobile developer currently working for a big international company as a Software Developer. I have several years of experience building small to large web and mobile applications reaching many different functionalities, purposes and systems.

I'm passioned about MEAN and MERN stack, as well React Native, Ionic and Electron frameworks, allowing me to build a wide range applications for Web, mobile and desktop.

Can't wait to share my knowledge with my students so together we build awesome applications to change the world!

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.