
What will we use and build in this course.
Learn about Expo and it's CLI and install it's dependencies for generating a project.
Learn to install and configure Android Studio to run the Android Simulator.
Learn to run Xcode simulator to run the React Native App in iOS system.
What is a drawer navigation how to make use of it.
Creating our Custom Drawer component.
Create the Screen that will be used to navigate to.
Build and Configure our Drawer Navigator.
Add an Header to our App to show open Drawer controls.
Learn to Add icons to our Drawer Navigation commands.
What is a Bottom Tab Navigator and how to build it.
Setting up initial components.
Create the Screens that will be used for Navigation.
Create the Navigation Tabs.
Learn and modify the Tab options for our Bottom Tab Navigator.
What is Stack Navigation and how to use it.
Setting Up initial component.
Build the Screens where we will navigate to.
Build and make use of our Stack Navigator.
Add and use animations to transition between screens.
What is Material Top Bar Tab Navigation and how to use it.
Setting up initial components.
Create the components that we will navigate to.
Create safe area Insets to avoid the mobile phones top notch.
We will learn how to nest a navigator inside another navigator.
What are route params and how to make use of them.
Setting up initial component.
Create main components and add some data.
Create our own custom clickable card.
Navigate to Single Page
Navigate and consume data from our route params.
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.