Video není dostupné.
Omlouváme se.
React Native Tutorial #21 - Navigating Around
Vložit
- čas přidán 7. 08. 2024
- Hey gang, in this React Native tutorial we'll see how we can use our stack navigator to navigate around our app from screen to screen.
----------------------------------------
🐱💻 🐱💻 Course Links:
Course files - github.com/iamshaunjp/react-n...
🐱💻 🐱💻 Other Related Courses:
+ Complete React Tutorial - • Complete React Tutoria...
+ React Hooks & Context Tutorial - • React Context & Hooks ...
+ Modern JavaScript Tutorial - • Modern JavaScript Tuto...
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!
Dude, you are A.M.A.Z.I.N.G!!! Thank you
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
great video. thank you Ninja ! Merry Christmas !
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! :)
Very informative video, nice one.
I love you , you are helping me so much
Awesome video! 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 helpful video....thnku Sooo 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!
Thank you so much!
TE MAMASTE, ES EXACTAMENTE LO QUE BUSCABA, GRACIAS!!!!
your teaching method is spectacular
Thank you :) that means a lot!
Wonderful! Amazing!!!!!!!!
You are the best!
Bravo man❤️
Worthy video 👌
AMAZINGGHH TY MAN
THANK YOUUU
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
love you efforts from pakistan
thank you
hahaha
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.
7:05 so that why we got destucturing{navigation} on every component.. because we have assign them on HomeStack.js is right?
🔥🔥🔥
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
It seems pretty easy so far. Maybe It is just because you know what you are teaching
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
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?
Help, undefined navigation, I tried to console.log the navigation
Sir how i can hide header for somescreens
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
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
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 !
This didn't work for me. I had to work from the documentation at hello react navigation.
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 CZcams 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