React Native Tutorial #17 - React Navigation - Stack Navigator

🔥 Get a discount on 'The Complete React Native Course 2023: from Zero to Hero' on Udemy by using the promo code D782E3. As the instructor, I'll be there to answer any technical questions you may have. Plus, you'll get access to more exams and coding exercises, updated content, and no background music or ads. After completing the course, you can get a valid certificate on Udemy to showcase your skills. Click the link below to enroll now with the discount.

--------------------------------------------------------------------------------

🌟 In this session, we will get acquainted with React Navigation, which is used for routing and transition between screens.

--------------------------------------------------------------------------------

🔥 The Complete React Native Course:

💻 Project Source Code in GitHub:

🔗 React Navigation:

--------------------------------------------------------------------------------

😍 Subscribe my channel for more React Native Tutorials:

💝 Join my channel to get access to perks:

--------------------------------------------------------------------------------

⏱️ Timestamps:
React Native Tutorial #17 - React Navigation - Stack Navigator
00:00 Intro
00:33 How Stack Navigator Works
00:55 Installing React Navigation
02:35 Navigation Container
03:10 Create Stack Navigator
08:33 Navigator Options - Header

--------------------------------------------------------------------------------

#ProgrammingWithMash #ReactNative #StackNavigator

[mashschool]

If you have any questions about this or request tutorials in this style, be sure to leave a comment below, and thank you for liking the video. 😉

[develop-with-faizan]

I want to request that make more videos on react native cli more frequently as we have to wait so long and also please make projects on react native cli..

[leongvincent]

Awesome. Thanks for the knowledge. Please can you make a Video on navigation drawer on react native

[aniketpatil]

can anyone help me I am getting this error
requireNativeComponent: 'RNSScreen' was not found in the UIManager

[danistor]

1:34 when i enter that command to install i get this:

added 1 package, changed 2 packages, and audited 2101 packages in 15s

156 packages are looking for funding
run `npm fund` for details

25 vulnerabilities (12 moderate, 13 high)

To address issues that do not require attention, run:
npm audit fix

To address all issues (including breaking changes), run:
npm audit fix --force

Run `npm audit` for details.
PS

[SMBR]

Hi, whenever I'm installing, I get "moderate severity vulnerabilities message. Tried npm audit fix --force but I think it often gave me more vulnerabilities. How do you address this? Thank you in advance!

[sundaydeveloper]

Excellent tutorial, Please can you make a tutorial on testing with Jest. Thanks

[Emanuele_Ago]

Hello, when i install " npm install @react-navigation/native " i got this error in the terminal: " Missing package "metro" in the project " and my app crash. I tried again to run on terminal expo start but it fail. Can you help me? Thanks

[cherriepie]

How do you implement the onPress handler if my page is in a different file?

[OmidAzarmi]

i got this Error requireNativeComponent: "RNSScreen" was not found in the UIManager.
how can i solve it?

[wkkbwit]

"RNSScreen" was not found in the UIManager ????
Please tell.me.solution i face this error... after doing every step

[afaqbinqaisar]

Kindly make tutorials on react native expo

[meinkyelisee]

Thanks !
But please can you make a video for V6 ?

[atakansarioglu]

Hello my friend,

I watched your videos with you. I did what you did but when I came to 17th video,
I am taking error 'gesturehandlerrootview was not found in the UImanager' . You used react navigation on 5.X but I used react navigation 6.X. You and I have only this difference but I didnt open android studio. it is giving error. What is your suggestion?

What I did;
1st :npm install @react-navigation/native
2nd: npm install react-native-screens
3rd: npm install @react-navigation/stack
4rd: npm install react-native-gesture-handler
5th: npm install --save react-native-gesture-handler