React Native Tutorial #20 - Stack Navigator

Hey gang,in this React Native tutorial we'll take a look at stack navigators and set one up in our app.
----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🐱‍💻 🐱‍💻 Other Related Courses:

[KARTHIKRANA]

Please do a react native - firebase tutorial

[suzunome]

Can I still follow this tutorial right now? Because I just noticed that a lot has changed in React Navigation 5. Most of the code in the video don't work anymore.

[Gamerfan]

Will you do perhaps an updated version of this React Native tutorial, because it really sucks when having to switch between versions? I had to skip the font tutorial because it gave me such a headache that I had to jump straight to the stack navigator which itself also wasn't pleasing what so ever, I had to use v6 instead of v4 and as a result I couldn't create the HomeStack.js file or at the very least couldn't get it to work.

Doesn't matter, your tutorials are still the best the Internet has to offer

[IonutBarbu]

For 2023 this tutorial is as good as dead. Sorry to say that.

[iamnachoj]

Unfortunately React navigation has changed a lot in the last year and a half. This does not work like it used to and I suggest you all go check out other videos to get this part done

[insectopod]

Unable to resolve '../screens/Home' from 'App.js'. It seems React Nav 5 has completely borked things for me.

[zombieallen]

Following this in 2022 and got a cascade of errors, mostly to do with not being able to find any of these packages in node modules.

[foreveralone]

Hello, i hope you will do a nodeJs/ExpressJs series with advenced topics or even an udemy course ;)

[marcoscunha]

I recommend using the new version of react navigation (5.x), which has a different configuration.

[vikassonwani]

hey bro i am getting the following error in bundling javascript :
Unable to resolve "./SafeAreaContext" from
Please help me to overcome from this problem.. thanks for you tute series..

[osamagamal]

Don't do that stupid mistake I did, I followed the docs, did everything in the video, I installed all the dependencies. Still Doesn't work, I spent a whole day figuring out what the heck is wrong!
After hours of irritation I realized that the docs says
Npm install reactnavigation/native

And that's a different and new version from the one in the video.
So make sure to install the version in the video, not the one I installed :D

[theshubhagrwl]

if you are facing any difficulties then refer here

[robsonsilv.]

Best navigation setup ever! Clear and right the point.

[abhishekgadewar]

I used useFonts and useCallback function in previous Fonts tutorial. I was getting black page after adding this tutorials code. If you also face same issue try adding flex 1 to the view wrapping navigator. also I spelled screen as 'Screen' with capital S so was stuck there for a lot time.

<View style={{ flex: 1 }} onLayout={onLayoutRootView}>
<Navigator />
</View>

Hope this helps!

[ourandy]

Was itching to contact you in real time to correct the Statck typo lol... Great work!!

[maypunk]

I think react navigation updated, facing error.

[jodid]

I am getting lots of errors when trying to run the app towards the end of this video, and have had to expo install lots of other stuff including react-native-safe-area-view react-native-screens - do you know why this is?

[AlfredSYoung]

I was super surprised to see the order of the pages in the javascript object matter - I thought the ordering of key/value pairs was never guaranteed in javascript objects! Is this a react-native thing? Am I missing something?

[sbhtkb]

get problem: "Unable to resolve "react-navigation" from "routes\homeStack.js" " what to do??

[ajaybhavsar]

This navigation not support in latest react native 0.74. How I use this in latest react native?