React Native
About Lesson

In this React Native lesson we are going to learn about React Native Navigation, we are going to use navigation 5.

 

 

Installation

First we need to install react navigation, React Navigation is made up of some core utilities and those are then used by navigators to create the navigation structure in your app.

 

 

 Now we need to install and configure some dependencies used by most navigators.

 

 

After that we need to install navigator stack, it provides a way for our app to transition between screens where each new screen is placed on top of a stack. by default the stack navigator is configured to have the familiar iOS and Android look & feel: new screens slide in from the right on iOS, fade in from the bottom on Android. On iOS the stack navigator can also be configured to a modal style where screens slide in from the bottom.

 

 

 

First we are going to create two new simple components.

 

Home.js

 

 

Profile.js

 

 

 

This is our App.js and we have brought some changes in our this file.

 

 

 

 

Run your application and this is the result.

React Native Navigation
React Native Navigation

 

 

Thank you for visiting my website! If you enjoyed the free courses, please consider supporting my works on Patreon.
Exercise Files
No Attachment Found
No Attachment Found