React Native Stack , Drawer and Bottom Navigator 🔥 | In Hindi ✅ | in Hindi ✅ | Engineer Codewala
Вставка
- Опубліковано 19 вер 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/Gau...
follow me on :
✅ Github : github.com/Gau...
✅ Facebook : www.facebook.c...
✅ Instagram : / engineercodewala
✅ Telegram Group : t.me/+M3KUmyvK...
✅ Telegram Channel : t.me/engineerc...
✅ 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.co....
Part 2: www.youtube.co....
Part 3: www.youtube.co....
Part 34: www.youtube.co....
🔥React Native Flat list Item Animation: www.youtube.co....
How to Crack React Native Interview :
✅Part 1 : www.youtube.co....
✅ Part 2 : www.youtube.co....
Netflix Clone
Part1 : www.youtube.co....
Part 2 : www.youtube.co....
Other Videos
🔥 Udemy Clone Part 1: www.youtube.co....
🔥 Udemy Clone Part 2: www.youtube.co....
🔥 Udemy Clone Part 3: www.youtube.co....
🔥 Redux: www.youtube.co....
🔥 Responsive UI: www.youtube.co....
🔥 Flat list Selection: www.youtube.co....
🔥 React Native Async Storage: www.youtube.co....
🔥 React Native Flipkart UI: www.youtube.co....
#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
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 😊
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
Thank you man.... You clear me everything in one code...
thank you sir.
its very very helpful for mi,
thank you so much😊
nice video i used in my project and it worked fine thanks for making such a useful video
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.
its really really really enhancing knowledge video
Superb work bhai... Amazing... All the best. Keep it up..
that was such a great video brother thanks a lot god bless you
wah acha cover kiye bhai maza aa gaya
thanku so much upload this video
Thank you so much for this tutorial. Best video.
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
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
thanks bro you are great.
Thank you sir 😊
Very Helpful
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
everything is working
hey bro ,thanks for this video .
Amazing bro ❤
Thank you sir
Welcome
awesome
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
Plz make a vedio on bottom sheet
Sure
Thanks Bhai
🥰😍🙏🙏👌
Keep the great work. Very Much helpful tutorial
can you please create similar tutorial with expo router, tabs and drawer
I am Able to use navigation drawer, I install all dependencies properly
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
sir please make a video on a map with out use google api
Bhai ye same video typescript bana do na
How can we only implement the Stack Navigator and BottomNavBar only and not the Drawer bar?
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
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
Sir react native type script ke sath course available hai
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
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
ERROR Invariant Violation: requireNativeComponent: "RNSScreen" was not found in the UIManager.
bhai ye error aa rahi hai
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😄🙏
Mujhe couse membership leni hai agar apke pass available hai sir to......
Website pe jake course lelo live classes hai …. engineercodewala.graphy.com
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
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
Showing error "Got an invalid value for component prop for the screen Home. It Must be a valid react component"
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
guys koi help kar askta h thoda fas raha hu linking issue aaraha h
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!
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...