React Navigation V-6 in React Native in Hindi 2022
Channel: Thapa Technical
Date: 2022-02-16

Welcome Guys in another video of Login Form in React Native.

In the First video of Login Form, we have create a Login form in React Native. In that, we have seen detailed implementation of Input fields , Password fields , Checkbox , Buttons in React Native.
Checkout the part-1 of Login Form video,
Login Form in React Native by Thapa Technical : https://youtu.be/f_CfbzV7VK0

In the Second video of Login Form, we have done Login Form Validation to check whether the data is correct or not in React Native.

Checkout the part-2 of Login Form video,
React Native Login Form Validation & Getting User Data in React Native by Thapa Technical : https://youtu.be/YWWfj2HZ7Iw

Today, This is Third video of Login Form. In this video, we are learn about React Navigation in React Native. 

In this video, First we install all the required packages and after that we have explore the createNativeStackNavigator() function.
👉  createNativeStackNavigator() is a function that returns an object containing 2 properties: Screen and Navigator. Both of them are React components used for configuring the navigator. The Navigator should contain Screen elements as its children to define the configuration for routes.
And then learn overall working of React Navigation.

👉 Source Code : https://www.thapatechnical.com/2022/01/your-first-program-in-react-native-in.html

😍 Check my Instagram to Connect with me:     https://www.instagram.com/thapatechnical

-------------------- TimeLine ------------------

00:00 Introduction
00:17 What will we learn in today's video?
00:46 Different versions of React Navigation
01:51 Which version of React Navigation we have used in this video?
02:32 Step 1 : Installing React Navigation Package 
03:40 Step 2 : Installing some dependencies for Expo managed App
04:54 Step 3 : Installing native-stack Package 
05:30 Explanation of createNativeStackNavigator() function
06:41 Importing the installed packages 
07:14 Adding createNativeStackNavigator() function & NavigationContainer 
08:05 Adding Stack.Navigator Component
09:07 Adding Stack.Screen
10:45 Creating Home Page
10:59 Importing Home Page in Contact page
11:20 Running Application
11:46 Get a Navigation Props
12:34 Open Home page when Login button is clicked
13:22 How React Navigation Works?
13:50 Reload the App and Run the App after implementing React Navigation
15:05 Adding some custom styles in Home page
15:39 How to get username in Home Page?
18:08 Output after getting username in Home Page
18:18 Adding "Go Back" Button functionality
18:37 "Go Back" Button functionality not working and it's solution
19:31 Join Discord Server to get Source Code 
19:56 Outro


😍😍 Check  Programming Videos in One Hour👇 

➡️ Complete Reactjs in One video here  https://youtu.be/43IbFDSVdB0

➡️ HTML in One Video: https://youtu.be/pN7BFLfSjFw


➡️ CSS in One video:  https://youtu.be/hkQv0NIxKQY


➡️ CSS FlexBox in 30 Minutes: https://youtu.be/6L-PAmZajfA


➡️ JavaScript in One video:   https://youtu.be/PODgPW-hbfU


➡️  ECMAScript 6 in One Video:  https://youtu.be/Iek4DtRobLA


➡️ HTML5 in one video:  https://youtu.be/4V0-YpO-KZo


➡️ CSS3 in one video:  https://youtu.be/TFrFx7H5ZI8


➡️ Bootstrap4 in One video:   https://youtu.be/yZnNnvXO8HI


➡️ Jquery in One video:  https://youtu.be/PNvyPEQ0y-I


➡️ JSON in one video:  https://youtu.be/bMqevPKAPD4


➡️ ReactJS in one video:  https://youtu.be/43IbFDSVdB0


➡️ PHP in One Video:  https://youtu.be/3024Kc6SDJ0


➡️ NodeJS in one video:  https://youtu.be/ipnWAKoiBt


➡️ MySQL in one video:   https://youtu.be/5bFxbwjN-Gk


*********** CLICK HERE TO WATCH *************

➡️ Ludo Game JavaScript Link: https://youtu.be/_tlncjn1JpU 


➡️Plz show some love to My Sister YouTube Channel and Plz Subscribe Link: https://www.youtube.com/channel/UCEst8yZ12JEYsSVVXmtU7GQ


 ***************** MUST WATCH VIDEOS ******************  


➡️ How to become a Full Stack Developer 2020: https://youtu.be/etZ4jq_YjyM


➡️ How To Become a Web Developer 2020: https://youtu.be/Ur9LGVT-GXs


➡️ How JavaScript Works:  https://youtu.be/VaBP6_pBOgM


➡️  Follow me on Instagram: https://www.instagram.com/vinodthapa55/



Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi

➡️ Link: https://youtu.be/cKR9gzco3Kc


Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.


Don't Forget to Follow  me on all Social Network, 


Website Link:  https://www.thapatechnical.com


Instagram Link:     https://www.instagram.com/vinodthapa55


Facebook Link:     https://www.facebook.com/vinodthapa55


Twitter       Link:     https://twitter.com/vb55thapa


Facebook ThapaTechnical Page Link: https://www.facebook.com/vinodbahadurthapa/?ref=aymt_homepage_panel&eid=ARCTi5kdE1POliSOXnW51qZdo6NcpcSOqrioqut1KDac_CfgY5OCey-vcHlgRDgc_OK6eYNFCF_Rrfiq