React Native Stack , Drawer and Bottom Navigator 🔥 | In Hindi ✅ | in Hindi ✅ | Engineer Codewala
HTML-код
- Опубликовано: 7 авг 2024
- Hello guys ,in this video we will implete react navigation v6 in our react native app.So watch full video and subscribe channel and like video.
Packages to install :
✅@react-navigation/bottom-tabs
✅@react-navigation/drawer
✅ @react-navigation/native
✅@react-navigation/stack
✅react-native-gesture-handler
✅react-native-reanimated
✅react-native-safe-area-context
✅ react-native-screens
source code URL : github.com/Gauravbhadauria/si...
follow me on :
✅ Github : github.com/Gauravbhadauria
✅ Facebook : profile.php?...
✅ Instagram : / engineercodewala
✅ Telegram Group : t.me/+M3KUmyvKSqs2MTNl
✅ Telegram Channel : t.me/engineercodewalahub
✅ mail id : gauravofficial1995@gmail.com
Join this channel to get access to perks:
/ @engineercodewala
React Native Firebase Socail App :
🔥 Part 1 : • React Native Firebase ...
🔥Part 2 : • React Native Firebase ...
🔥 Part 3 : • React Native Firebase ...
🔥 Part 4: • React Native Firebase ...
🔥 Part5 : • React Native Firebase ...
Complete React Native Ecommerce App:
🔥 • React Native Ecommerce...
🔥 • React Native Ecommerce...
🔥 • React Native Ecommerce...
🔥 • React Native Ecommerce...
🔥 • Video
🔥 • React Native Ecommerce...
🔥 • React Native Ecommerce...
🔥 • React Native Ecommerce...
React Native For Beginners :
🔥 • React Native For Begin...
🔥 • React Native For Begin...
🔥 • React Native For Begin...
🔥 • React Native For Begin...
Udemy Clones
Part 1: www.youtube.com/watch?v=1-HcI...
Part 2: www.youtube.com/watch?v=p-RkV...
Part 3: www.youtube.com/watch?v=7HyOz...
Part 34: www.youtube.com/watch?v=mC5_u...
🔥React Native Flat list Item Animation: www.youtube.com/watch?v=L8Xf-...
How to Crack React Native Interview :
✅Part 1 : www.youtube.com/watch?v=yJxat...
✅ Part 2 : www.youtube.com/watch?v=0VRr3...
Netflix Clone
Part1 : www.youtube.com/watch?v=JnqsP...
Part 2 : www.youtube.com/watch?v=8QXrX...
Other Videos
🔥 Udemy Clone Part 1: www.youtube.com/watch?v=1-HcI...
🔥 Udemy Clone Part 2: www.youtube.com/watch?v=p-RkV...
🔥 Udemy Clone Part 3: www.youtube.com/watch?v=7HyOz...
🔥 Redux: www.youtube.com/watch?v=bJJkr...
🔥 Responsive UI: www.youtube.com/watch?v=ukpsL...
🔥 Flat list Selection: www.youtube.com/watch?v=amvSF...
🔥 React Native Async Storage: www.youtube.com/watch?v=wEuGC...
🔥 React Native Flipkart UI: www.youtube.com/watch?v=zcRhM...
#reactnavigation #reactnativetutorial #engineercodewala
Can not be explained in more simpler and easy way, thanx for giving us such kinda content
couldn't find this information in another video, kudos to you man
bro you are great thanks a lot man. I am trying to implement drawer navigation through out the day but it goes totally vain . But after watching your video it works perfectly.
Superb work bhai... Amazing... All the best. Keep it up..
Thank you man.... You clear me everything in one code...
nice video i used in my project and it worked fine thanks for making such a useful video
that was such a great video brother thanks a lot god bless you
thank you sir.
its very very helpful for mi,
thank you so much😊
Thank you so much for this tutorial. Best video.
wah acha cover kiye bhai maza aa gaya
its really really really enhancing knowledge video
hey bro ,thanks for this video .
thanku so much upload this video
Very Helpful
Thank you so much brother i know your effort creating react native tutorial is very tough because solving bug for samll problem take too much time and recording also then crop video edit video stop video so many thing this video is just 34 minutes but behind the scene it take to much time so from my side thank you so much again and i hope one day this channel will be top react native channel on youtube.
Thanks 😊
Amazing bro ❤
thanks bro you are great.
Thank you sir 😊
1 No Video Bhai saare issues solver kar diye aapne thankyou so much Bhai
bhai mera solve nhi ho rha h error aa rha h mujhe v btao kaise hoga
@@anjaykumar9997 kaha fas rahe ho bhai aap
@codewala bhai thodi help chahiye full aap bana di h maine but maine header as a componant banaya h usko use karna and linking samaj nahi aarahi h bhai help chahiye aapki
Keep the great work. Very Much helpful tutorial
Awesome
Oh bhai sukriya..iski 1 2 video or jesa telegram app mai hai drawer k sath stack navigator when we hit any screen of drawer then drawer icon is hidden and we get back button
awesome
Thanks Bhai
can you please create similar tutorial with expo router, tabs and drawer
everything is working
Thank you sir
Welcome
I am Able to use navigation drawer, I install all dependencies properly
🥰😍🙏🙏👌
hello sir..its working all good but then I made the apk of the project I made it loads pretty well but when the screen navigates to the "test" screen (parent for the drawer navigator) the app crashes. there is no issue in the codes or while making of the apk but I dont know why is it crashing..Please help me with that
sir please make a video on a map with out use google api
Sir You can disable Android back gesture using this cmd
adb shell settings put secure back_gesture_inset_scale_left 0
adb shell settings put secure back_gesture_inset_scale_right 0
Will use useBackHandler or backpress listener
7:50 actual naming convention bhi batay sir joh professionally use kiya jata hai
Naming convention is for functions should first letter should be capital and for variables camel casing and depends on you
How can we only implement the Stack Navigator and BottomNavBar only and not the Drawer bar?
Sir react native type script ke sath course available hai
sir how to add internal screen in this bottom tab navigator and still make bottom tab navigator visible for example in screen1 if i have to navigate to internal screen how to add that other screen and still display the bottom tabs for navigation?
openinapp.co/y5ep2
Bhaiya mere wale me bhi cache clear karne ka error aa rhe h Par aapne btayaa hi nahi kese solve hoga
video kaat di apne
Npm reset-cache wali command hogi site pe
Bhai ye same video typescript bana do na
guys koi help kar askta h thoda fas raha hu linking issue aaraha h
Plz make a vedio on bottom sheet
Sure
I want to recognise/detect a custom image that I have with camera (basically scan the image and detect whether it is that image or not ) . how to do this ? Bhai pls ispe video banado
use image detection
@@EngineerCodewala can you please give link ?
@@EngineerCodewala push notification wala daal do sir jii
I do the same like you but when I click on drawer icon on top left the drawer is not working help me please
Check you are using navigation from props or use navigation with useNavigation
ERROR Invariant Violation: requireNativeComponent: "RNSScreen" was not found in the UIManager.
bhai ye error aa rahi hai
My mainscreen is not showing up
Hello bahi sir mene eak application created keye tha but wo Android and iOS me perfectly chal raha hai but tablet me ui view me hi dekh raha hai to sir tablet me response kase karege mene Dimensions use keye hai response ke leye
try react-native-responsive-dimensions
Hi...
As soon as I write const Drawer = createDrawerNavigator(); then I am getting error in IOS like None of these files exist:
* debugger-ui/debuggerWorker.aca173c4(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
* debugger-ui/debuggerWorker.aca173c4/index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
at ModuleResolver.resolveDependency (/Users/supriyakamat/Documents/Wellzio_LVP_Mobile/dev-mobile/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:136:15)
Can you please help?
There is nothing like this only issue can happen with pods only try to install pods correctly and try to install reanimated correctly
Showing error "Got an invalid value for component prop for the screen Home. It Must be a valid react component"
Screen par khi bhi touch nhi ho rha hai jab bina drawer ke use kr rha hun tab shi work kr rha ahi
This issue not because of drawer check view height and width some
Issue in ui
Mujhe couse membership leni hai agar apke pass available hai sir to......
Website pe jake course lelo live classes hai …. engineercodewala.graphy.com
Hi Sir, in my app when i install all these packages and run then the build was failed and got this error " Task :react-native-screens:compileDebugKotlin FAILED" , Please help to solve this error . every time i got this error
Is package ki bajah se aesa koi error to nhi ata but tum project ko clean kro android folder me jake and cache clear kro then project ko run kro hopefully chal jayega phir bhi na chale to project ko android studio me open krke run kro
@@EngineerCodewala nahi tik ho raha h sir jb b android folder se prject clean krri hu tb b error aa ja raha h
I am using react navigation v6 native stack navigator, if i go to any of the screen present in my stack navigator, my app crashes in landscape mode, is there any solution?
Issue may be re ender of screen while rotating screen
@@EngineerCodewala guruji tussi great ho tofu kabull karo, sir solution batao please iska😄🙏🙏🙏🌻
@@EngineerCodewala sir, can you please help😄🙏
bhai mera issue ye hai
mai or screens add kar raha hu to usme bottom tab ni show ho raha
or agar bottom tab mai navigation mai daal de raha to number of tabs badh ja rahe hai
Stuck on same issue. Do you find solution to this problem.
@@mhussnainshaker custom bottom tab bna lo
@@coolanujkumar5 Okay and thanks!
Sir mere ye error nahi nikal pa rahi jo abhi aapke aayi thi me windows par use kr rha hu kuch help kijiye sir
Instagram me jake error screenshot send kro
@@EngineerCodewala ji sir krta hu
Main show blank not show any error just show blank plz help
Check imports
import { View, Text } from "react-native";
import React from "react";
import { createDrawerNavigator } from "@react-navigation/drawer";
import Main from "./Main";
const Drawer = createDrawerNavigator();
const DrawerNavigator = () => {
return (
);
};
export default DrawerNavigator;
@@EngineerCodewala
sir it show just white screen no any error
i follow you step by step. but stuck on this point plz help