you probably dont care but does anybody know a method to get back into an Instagram account? I stupidly lost the login password. I love any tricks you can offer me!
@Tony Evan Thanks so much for your reply. I got to the site thru google and Im waiting for the hacking stuff atm. Seems to take a while so I will get back to you later when my account password hopefully is recovered.
Your videos are awesome, even official docs are confusing for a newbie to react native apps. But you explained that very well and also very thoughtful of you to create drawer video again from updated docs. Thanks
Thanks for the tutorial, I just migrated from React-Navigation v4 to v5, so i changed the whole thing from functional to OOP, if anyone is interested in the code, just tell me and i will upload it to github
@@itzpradip i do this same code but it make two headers everything is ok but it make two headers one automatically create ham burger button for navigation
If you have issues with the icons not showing use this: Found a solution here => github.com/oblador/react-native-vector-icons/issues/661 My fix was: - Inside "android/app/build.gradle" at the end add this "apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle");" (without the quotes)
if you getting this kind of error ("Error: HomeStackScreen(...):Nothing was returned from render....... ") then just simple pass the "return" like this const HomeStackScreen = ({navigation}) => { return( ........ ) const DetailsStackScreen = ({navigation}) => { return( ........ )
Great Brother please carry on your channel is helping us a lot a lot lot more than anyone else, your tutorials are so easy to understand after watching your channel its so hard for me to search for another hope you will make videos in hindi also brother thank you again nd my humble request bro for Hindi videos 🙏🙏
Thank you very much for the videos details-->Go to the first screen ##Error## : The action 'POP_TO_TOP' was not handlled by any navigator Any answer or reference?
I really enjoyed this video. I have one question: It appears there is a fair amount of code that is repeated. I have an app with several screens and because of that, the code for each 'StackScreen' is duplicated except for a couple of pieces of data. Do you know of a way to create an object to contain all of this code passing in variables for the differences? This would be much better for maintenance when new screens are created or if the colors in the app change. Thanks very much
So in followin g along in your playlist, this is the second tutorial where in the first we had HomeScreen and Detail in the App.js file. Now they are in folders. Did you cover that somewhere?
Hey Pradip, We have to specify that top left icon in each and every Stack screen? Can't we set globally? Instead of providing each and every stackScreen component ?
how about bottom tab > stack > drawer same with stacks ? like home(bottom) then you open drawer with stacks home(stacks) about(stacks) articles(stacks) for example
Very well done. I am interested to understand why the React Nav Docs no longer show the 2 gradle implementations we're instructed to add . However, one of the two (swiperefreshlayout) was already added when i opened the android gradle.build file. But i can't find any trace of the other one (appcompat). But like I said, great video, sir. I look forward to the rest of this playlist.
Your videos are awesome man! I've learned a lot by watching them. But i got a question. How do you let react native know that you want to use the menu icon? For a moment I thought that by writing the name of the icon you want to use in '
Hello. After put Drawer button in the header of Details screen, then you click on stackNavigation button there no arrow icon in header to slide back, there is only option push created Go back button. How to put it back?
tHANK YOU its really helpful. I followed this step but I am getting an error "Import fails with "Failed to execute 'ImportScripts' on 'WorkerGlobalScope'"" Please suggest Thank you
Hi Pradeep need help i have array with "key & Value" i want to move "key & value " to another position while show data on my app. kindly help me plz. Thanks
please teach us how we can style in react native , for example I can not style margin of my header or something else I cannot understand where should I write it ofcourse I know how ty style View and Text but in navigation it is hard
After installing the drawer navigation, I get this error - TypeError: null is not an object (evaluating '_ReanimatedModule.default.createNode'), I have cleared cache, restarted my machine, removed and installed node modules / react navigation and everything. Still, it exists. Can you help me.
I am new in react native. first video of stack navigation is working fine. but in second video i am copy exacting code but i am face issue like error "HomeStackScreen(...) Nothing was returned from render. this usually means a return statement is missing. or, to render nothing, return null" Here we are using Functional component. so we dont need to render here. Please suggest some answer me
I am getting these errors: TypeError: undefined is not an object (evaluating 'InnerNativeModule.installCoreFunctions') Invariant Violation: Module RCTEventEmitter is not a registered callable module (calling receiveTouches). A frequent cause of the error is that the application entry file path is incorrect.
Sir, you explain well.👌 I ran code on my android device and went good 👌. Issue shows some chinese symbol/letter instead of menu icon...😹 i tried name="ios-menu" and name="md-menu" but no luck.. again thank you very much for simple demo of RN5 👌
first you need to create a new screen after that link that screen on your app.js and then simply pass this line onPress={() => navigation.navigate("your-screen")}
Why it's showing unable to resolve module react-native-reanimated. I followed the same steps doc I can't find the solution please help.. R_Version :0.65.1
This channel needs some attention! Good going, man. Lots of love ❤️
you probably dont care but does anybody know a method to get back into an Instagram account?
I stupidly lost the login password. I love any tricks you can offer me!
@Westin Karson Instablaster :)
@Tony Evan Thanks so much for your reply. I got to the site thru google and Im waiting for the hacking stuff atm.
Seems to take a while so I will get back to you later when my account password hopefully is recovered.
@Tony Evan it worked and I actually got access to my account again. Im so happy:D
Thanks so much, you saved my account :D
@Westin Karson Happy to help :)
Your videos are awesome, even official docs are confusing for a newbie to react native apps. But you explained that very well and also very thoughtful of you to create drawer video again from updated docs. Thanks
Happy to hear that!
You're doing a great job buddy...Best channel to learn React Native for beginners... All the best buddy..
May Allah reward you! ❤️ Thank u for everything! With your help I made an app and got the job!
Ameen May he rewards him for this helpfulness, ya RAB guide
Really nice this video ty. I didn’t realize that it’s possible to style the header with react navigation, help me a lot, ty again ..
Thanks for the tutorial, I just migrated from React-Navigation v4 to v5, so i changed the whole thing from functional to OOP, if anyone is interested in the code, just tell me and i will upload it to github
Nice work!
Thanks you...I searched a lot on Internet but finally got the solution here..
Excellent .... explained in very simple terms ... Ideal for learners and people who are switching over to Navigation 5
Glad it was helpful!
Lots of Love bro!! Thanks for making it so simple
Amazing guide for implementing this type of navigation. Thank you so much, regards from Argentina
Glad it was helpful!
@@itzpradip i do this same code but it make two headers everything is ok but it make two headers one automatically create ham burger button for navigation
If you have issues with the icons not showing use this:
Found a solution here => github.com/oblador/react-native-vector-icons/issues/661
My fix was:
- Inside "android/app/build.gradle" at the end add this "apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle");" (without the quotes)
to the point perfect stuff. godly perfection
great explanation.. love from sri lanka
man you saved my life
if you getting this kind of error ("Error: HomeStackScreen(...):Nothing was returned from render....... ")
then just simple pass the "return" like this
const HomeStackScreen = ({navigation}) => {
return(
........
)
const DetailsStackScreen = ({navigation}) => {
return(
........
)
What you are returning in the function should go with a '(', not with '{'
It worked. Thanks
const HomeStackScreen = ({ navigation }) => {
return (
);
};
const DetailsStackScreen = ({ navigation }) => {
return (
);
};
thank you brother...
@@durnerlys simply pass the return function with "(".
it's work :)
@@Athuldk bro can u please send me the for this video i am very confuse same error but not resolving
This is yet again a helpful tutorial. Very good
Glad to hear that!
Indian guy always solve your problems
quality stufff......!!!!
thanks @Pradip Debnath
thank you @Pradip Debnath, great tutorial ! :D
Glad you liked it!
A huge help , thank you
Really helpful and learnt alot 👍
Very nice explanation thanks a lot keep it up
Great Brother please carry on your channel is helping us a lot a lot lot more than anyone else, your tutorials are so easy to understand after watching your channel its so hard for me to search for another hope you will make videos in hindi also brother thank you again nd my humble request bro for Hindi videos 🙏🙏
Thank you very much for the videos
details-->Go to the first screen ##Error## : The action 'POP_TO_TOP' was not handlled by any navigator
Any answer or reference?
Thank you sir you solve my big problem
I really enjoyed this video. I have one question: It appears there is a fair amount of code that is repeated. I have an app with several screens and because of that, the code for each 'StackScreen' is duplicated except for a couple of pieces of data. Do you know of a way to create an object to contain all of this code passing in variables for the differences? This would be much better for maintenance when new screens are created or if the colors in the app change. Thanks very much
Thank you my friend, you helped a lot!
So in followin g along in your playlist, this is the second tutorial where in the first we had HomeScreen and Detail in the App.js file. Now they are in folders. Did you cover that somewhere?
Hey Pradip, We have to specify that top left icon in each and every Stack screen? Can't we set globally? Instead of providing each and every stackScreen component ?
How did fix this? can you please show us the code? thanks in advanced
Great tutorial and many thanks
You are welcome!
Along with iOS please show us Android part too. It will be helpful to have both material together,
Thank you very much for your video.
Dependencies:- 02:13
thank you for your effort ,
in my project on press function can not open drawer err
Which extensions are you using for react native app development.?
Shangar Thanks alot sir
Thank you!
you have a good heart
how about bottom tab > stack > drawer same with stacks ? like home(bottom) then you open drawer with stacks home(stacks) about(stacks) articles(stacks) for example
Very helpful. Thank you!
Great tutorial man, many thanks!
Glad it was helpful!
which extension you are using please tell.
Very well done. I am interested to understand why the React Nav Docs no longer show the 2 gradle implementations we're instructed to add . However, one of the two (swiperefreshlayout) was already added when i opened the android gradle.build file. But i can't find any trace of the other one (appcompat). But like I said, great video, sir. I look forward to the rest of this playlist.
I actually intended to leave the above comment in the 1st video of the tutorial.
Great tutorials, 🙏👍
you are amazing !
You are Great! Thx Bro!!!
@Pradip When the drawer opens, I can see the drawer is getting hide behind non screen area (top right side of the drawer)
Any solution for this?
Your videos are awesome man! I've learned a lot by watching them. But i got a question. How do you let react native know that you want to use the menu icon? For a moment I thought that by writing the name of the icon you want to use in '
Why you are not you return() in home and detail screen in App .js file
Hello. After put Drawer button in the header of Details screen, then you click on stackNavigation button there no arrow icon in header to slide back, there is only option push created Go back button. How to put it back?
We love you truly thankkkks
tHANK YOU its really helpful. I followed this step but I am getting an error "Import fails with "Failed to execute 'ImportScripts' on 'WorkerGlobalScope'"" Please suggest Thank you
Thanks a lot. Very clear
Glad it was helpful!
This video helped me a lot.
Thank you :)
Glad to hear that!
Hi Pradeep need help i have array with "key & Value" i want to move "key & value " to another position while show data on my app. kindly help me plz. Thanks
What is the Node version not supported for this project
Hello, do you know how can i disable the swipe of the drawer? in react native 5.x
please teach us how we can style in react native , for example I can not style margin of my header or something else I cannot understand where should I write it ofcourse I know how ty style View and Text but in navigation it is hard
Thanks brother
Hello Sir, In my case the icon image is not menu image it is something else but working as drawer menu only. Please give the solution for it.
thanks! it was useful to me
Glad to hear that!
Thank you, it works! Is there any possibility to bring to your channel videos about React Native + Cloud Firestore?
Yes, of course
Thank you for your videos. But I want to know. How did you install the react native vector icon?. I'm stuck there
you can add vector icons like
import {Ionicons, AntDesign, Entypo, Foundation, Fontisto} from '@expo/vector-icons'
this may also solve your problem
npm install --save react-native-vector-icons
Thanks Sir...💕💕💕
Thank you
where can i take folder 'screens'?
You are awesome!
After installing the drawer navigation, I get this error - TypeError: null is not an object (evaluating '_ReanimatedModule.default.createNode'), I have cleared cache, restarted my machine, removed and installed node modules / react navigation and everything. Still, it exists. Can you help me.
Hello brother where is your other screen stack navigation video please share me link of this
thankyou soo much very helpful video
Happy to help
I am new in react native. first video of stack navigation is working fine. but in second video i am copy exacting code but i am face issue like error "HomeStackScreen(...) Nothing was returned from render. this usually means a return statement is missing. or, to render nothing, return null"
Here we are using Functional component. so we dont need to render here. Please suggest some answer me
Do this const HomeStackScreen=({navigation})=>(...)
nice tutorial!
good explanation keep it up
Thank you, I will
Is react reanimated needed for drawer navigation ?
I am getting these errors:
TypeError: undefined is not an object (evaluating 'InnerNativeModule.installCoreFunctions')
Invariant Violation: Module RCTEventEmitter is not a registered callable module (calling receiveTouches). A frequent cause of the error is that the application entry file path is incorrect.
in headerleft menu button is not showing up...though i have done it as u showed....any suggestion?
you got solutions buddy??
I just want to use only one function for all stack navigation . You are creating 2 function for two different page navigation.
Following
Sir, you explain well.👌 I ran code on my android device and went good 👌. Issue shows some chinese symbol/letter instead of menu icon...😹 i tried name="ios-menu" and name="md-menu" but no luck.. again thank you very much for simple demo of RN5 👌
got solution : github.com/oblador/react-native-vector-icons#android
@@prathameshsagvekar6696 you need to link the icons
For Android;
medium.com/@taufiq_ibrahim/using-react-native-vector-icons-9fbb8f1d983d
Then to use it;
name = "menu" or name= "ios-menu" either works
After adding the stack Navigator to the drawer Navigator I found this issue:
ReferenceError: Can't find variable createStackNavigator
In my case , drawer toggle icon is not displaying and also no error
great man
Sir, Please give me the solution to this error "Error: Got an invalid name (undefined) for the screen. It must be a non-empty string. "
thanks for the video it s really cool. Just on thing navigation.popToTop() is not working any more.
Yes, thanks for mentioning it here in the comment section.
bro can anyone can help me i am doing the same code but it make the two header for every function
hi, how to navigate to another screen from the screen which is inside drawer navigator
first you need to create a new screen
after that link that screen on your app.js
and then simply pass this line
onPress={() => navigation.navigate("your-screen")}
Why it's showing unable to resolve module react-native-reanimated. I followed the same steps doc I can't find the solution please help..
R_Version :0.65.1
I have issue drawer on Android showing up. but in ios drawer not.
How fix this
Hi sir. Status bar not showing other page. Only showing mainScreen. How can I add StatusBar other page? Please help me :)
import {StatusBar} from 'react-native';
I have this error: cant find a component, 'getComponent' 'children' prop for the screen details. This can happen... why?
I am also facing the same problem
version 6 pe video kab ayega sir
Within a month or so but not sure. Thanks for your comment.
Tab navigation, Drawer navigation and Stack navigation mix 🤗🤗🤗🤗🤗🤗 please sir upload video
I just published a video on the same topic. Check the latest video in the playlist mentioned in the description of the video.
@@itzpradip sir next video kb upload koroge 🤗🤗🤗🤗🤗🤗🤗🤗
How to add an image in drawer navigator any help would be appreciated
you need a tag for that. just import from react-native
**import**
import {View, StyleSheet, ImageBackground} from 'react-native'
***code***
return(
)
My icon is not showing....???
Będzie działać?
Hi bro could u pls make a video on how to add login with gmail and facebook in react native without using expo.
thank you for your suggestion. I'll try to make a tutorial on this topic in the near future.
@@itzpradip please bro make it as fast as possible
I am getting unrecognized operator min pleaseee help me anyone ...
Can i get code of this video project
????
how drawer open in right side
Instead of headerLeft you need to provide headerRight :)
headerRight: () => (
{
navigation.openDrawer()
}}
>
)
@@amitmehta8554 thanks
Menu icon is not showing in Android device how to fix
you need to import first
import {Ionicons, AntDesign, Entypo, Foundation, Fontisto} from '@expo/vector-icons'
TypeError: Cannot read property 'openDrawer' of undefined I am having this error
function HomeStack({navigation}){
return(
(
navigation.openDrawer()}/>),headerStyle:{
backgroundColor:"coral"
} }}/>
);
}