Ahah! - finally some actual results... I've been through a few tutorials and forum posts and still couldn't get a stack navigator to work how I want. These videos make it clear and you present them perfectly. Thank you!
Thank you for this (and the past couple of other ones)... I had already learnt the very basics from another tuturoial however it didn't cover navigation and now I am trying to build my own application I needed to navigate between screens... Lots of other tutorials didn't help me but the way you explained this made it so simple to understand what a stack was and how to use it - thank you!
Bro you are so good! This lesson is very important , thank you! But if I want to make a button that change screens on a child component, what I have to do? Thank you!
Hi, love the content, but I jumped in on the navigation part and was wondering in which video in this series u are talking about the globalstyles and the fontstuff on ur App.js
Hello sir I watch this video and previous one also, according to the instructions i did all steps but i am getting error like "Unable to resolve "react-navigation" from "routes\homeStack.js"" please suggest something
hello komal this is probably due to the React navigator version 5 ... just uninstal all your packages and dependencies and install the new ones like this : 1- npm install @react-navigation/native 2- then you install the second package for expo like this => expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view 3- then type => npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view 4- finally import react native gesture handlebar on the top of your App.js (make sure that it is on the top and nothing else is before it ) like this for exemple : import 'react-native-gesture-handler' import * as React from 'react'; import { View, Text } from 'react-native'; ... etc !! now you can safely do the job ;) hope that it will give you the needed help bro
@@TheAdel136 Thanks a lot sir for giving your precious time to answer my query. Your solutios and rest of the vedios on navigation really helps for me. Thanks a lot again sir.
ok i tried many times but the variable or function that you made named pressHandler didn't work for me... so i wrote the navigate statement direct to onPress and that worked.
I have a problem: I want to navigate from Screen 1 to Screen 2 to Screen 3. So I called: + this.props.navigation.navigate("Screen 2") in Screen 1, and + this.props.navigation.navigate("Screen 3") in Screen 2. And for some reason, it just comes straight from Screen 1 to 3, skipping screen 2. It may be because of the "navigate" command in Screen 2 overlap the one in Screen 1. How can I change? Please help.
i am stuck with this error when i do this Invariant Violation: Tried to register two views with the same name RNCSafeAreaProvider Can someone help me out?
Amazing videos. I have one problem, when i try to add a button i can see only the title but not the button it self. I've tried to do npm install react-native-button but it dint 't work.
@@wilsonb4175 dude get lost. The internet was originally made for the military and to share research data not so that some moron tells us to buy "no-ads" because how i see it... some people pay to shove ads down your throat and other people should pay not to have ads shoved down their throats..
Ahah! - finally some actual results... I've been through a few tutorials and forum posts and still couldn't get a stack navigator to work how I want. These videos make it clear and you present them perfectly. Thank you!
Thank you for this (and the past couple of other ones)... I had already learnt the very basics from another tuturoial however it didn't cover navigation and now I am trying to build my own application I needed to navigate between screens... Lots of other tutorials didn't help me but the way you explained this made it so simple to understand what a stack was and how to use it - thank you!
That's awesome to hear, thanks Luke! :)
Dude, you are A.M.A.Z.I.N.G!!! Thank you
your teaching method is spectacular
Thank you :) that means a lot!
I'm tapping out. Nothing works with the newer version of React Native. It's a shame because it was brilliant up to this point.
Same.. so frustrating
this tutorial works in react-navigation 4 but current version uses react-navigation 5
Man the number of things you teach here!! It must take so much effort to first get them down yourself.
It really does!! Haha
The Net Ninja thanks man for all of it
hahaha
great video. thank you Ninja ! Merry Christmas !
7:05 so that why we got destucturing{navigation} on every component.. because we have assign them on HomeStack.js is right?
I love you , you are helping me so much
Bro you are so good! This lesson is very important , thank you! But if I want to make a button that change screens on a child component, what I have to do? Thank you!
Hi, love the content, but I jumped in on the navigation part and was wondering in which video in this series u are talking about the globalstyles and the fontstuff on ur App.js
Very informative video, nice one.
Awesome video! thank you!
TE MAMASTE, ES EXACTAMENTE LO QUE BUSCABA, GRACIAS!!!!
Hello sir I watch this video and previous one also, according to the instructions i did all steps but i am getting error like "Unable to resolve "react-navigation" from "routes\homeStack.js"" please suggest something
hello komal this is probably due to the React navigator version 5 ... just uninstal all your packages and dependencies and install the new ones like this :
1- npm install @react-navigation/native
2- then you install the second package for expo like this =>
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
3- then type =>
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
4- finally import react native gesture handlebar on the top of your App.js (make sure that it is on the top and nothing else is before it ) like this for exemple :
import 'react-native-gesture-handler'
import * as React from 'react';
import { View, Text } from 'react-native';
... etc !!
now you can safely do the job ;) hope that it will give you the needed help bro
@@TheAdel136 Thanks a lot sir for giving your precious time to answer my query. Your solutios and rest of the vedios on navigation really helps for me.
Thanks a lot again sir.
@@komalgardi2406 i'am glad that it was helpful for you !! lot of love
ok i tried many times but the variable or function that you made named pressHandler didn't work for me... so i wrote the navigate statement direct to onPress and that worked.
very powerful tutorial but unfortunately the navigation 5 is different. Hope to see new tutorials in navigation 5
I've shared the code to implement react-navigation 5 here: github.com/maximebarber/reviews-app/tree/react-navigation-5
@@maximebarber3780Wow!! Thank you so much. You got a subscriber and a follower on github!!
@@maximebarber3780 hai, my 'Home' can't seem to accept ({navigation}). Can you help me with this ? Thanks !
Worthy video 👌
It seems pretty easy so far. Maybe It is just because you know what you are teaching
Help, undefined navigation, I tried to console.log the navigation
I have a problem: I want to navigate from Screen 1 to Screen 2 to Screen 3. So I called:
+ this.props.navigation.navigate("Screen 2") in Screen 1, and
+ this.props.navigation.navigate("Screen 3") in Screen 2.
And for some reason, it just comes straight from Screen 1 to 3, skipping screen 2. It may be because of the "navigate" command in Screen 2 overlap the one in Screen 1.
How can I change? Please help.
Try to use push and goBack function
very helpful video....thnku Sooo much
i am stuck with this error when i do this
Invariant Violation: Tried to register two views with the same name RNCSafeAreaProvider
Can someone help me out?
Wonderful! Amazing!!!!!!!!
When doing this on the iOS simulator it's not showing a navigation bar with a back button. Is that normal?
I'm doing this on a physical iphone xr and I also don't have a back button.
EDIT: Nevermind I had headerMode="none" on the "Navigator" tag
Sir how i can hide header for somescreens
Bravo man❤️
Thank you so much!
AMAZINGGHH TY MAN
Amazing videos. I have one problem, when i try to add a button i can see only the title but not the button it self. I've tried to do npm install react-native-button but it dint 't work.
Check your operation system, on ios, you will only have clickable text
You are the best!
love you efforts from pakistan
🔥🔥🔥
This didn't work for me. I had to work from the documentation at hello react navigation.
THANK YOUUU
thank you
This was a function, but how to do it with a class?
Ans: this.props.navigation.navigate('class_name');
1st comment
If you are sick and tired of youtube's ads like and share and spread this message. Enough ads !
buy a youtube plan and will not see any ads.
@@wilsonb4175 dude get lost. The internet was originally made for the military and to share research data not so that some moron tells us to buy "no-ads" because how i see it... some people pay to shove ads down your throat and other people should pay not to have ads shoved down their throats..
The only way I make money off RUclips is via the ads, without them, I wouldn't be able to keep doing tutorials for free.
@@NetNinja You are doing great. Other charges hundreds of dollars for React or other courses.
thank you