React Native Stack , Drawer and Bottom Navigator 🔥 | In Hindi ✅ | in Hindi ✅ | Engineer Codewala

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ธ.ค. 2024

ความคิดเห็น • 89

  • @DanishKhan-mw7dq
    @DanishKhan-mw7dq ปีที่แล้ว +3

    Can not be explained in more simpler and easy way, thanx for giving us such kinda content

  • @sourabhrajput5110
    @sourabhrajput5110 ปีที่แล้ว +1

    1 No Video Bhai saare issues solver kar diye aapne thankyou so much Bhai

    • @anjaykumar9997
      @anjaykumar9997 ปีที่แล้ว

      bhai mera solve nhi ho rha h error aa rha h mujhe v btao kaise hoga

    • @sourabhrajput5110
      @sourabhrajput5110 ปีที่แล้ว

      @@anjaykumar9997 kaha fas rahe ho bhai aap

    • @sourabhrajput5110
      @sourabhrajput5110 ปีที่แล้ว

      @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

  • @an.trishul
    @an.trishul ปีที่แล้ว +1

    couldn't find this information in another video, kudos to you man

  • @abhicomputerguy
    @abhicomputerguy 6 หลายเดือนก่อน +1

    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.

  • @syedjaffersathikful
    @syedjaffersathikful ปีที่แล้ว +1

    Superb work bhai... Amazing... All the best. Keep it up..

  • @AhmedMujtaba-m5i
    @AhmedMujtaba-m5i 2 หลายเดือนก่อน +1

    Love you brother from pakistan
    you cleared all my confusions

  • @danishansari3178
    @danishansari3178 9 หลายเดือนก่อน

    nice video i used in my project and it worked fine thanks for making such a useful video

  • @mdmasudrony6588
    @mdmasudrony6588 ปีที่แล้ว

    Thank you man.... You clear me everything in one code...

  • @SoumyaHazra-p8w
    @SoumyaHazra-p8w ปีที่แล้ว

    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.

  • @govindjha1956
    @govindjha1956 ปีที่แล้ว

    wah acha cover kiye bhai maza aa gaya

  • @ameershanandavarapu8348
    @ameershanandavarapu8348 11 หลายเดือนก่อน

    its really really really enhancing knowledge video

  • @niloykumar8503
    @niloykumar8503 ปีที่แล้ว

    Keep the great work. Very Much helpful tutorial

  • @syedphoolhassan8449
    @syedphoolhassan8449 11 หลายเดือนก่อน

    that was such a great video brother thanks a lot god bless you

  • @yashjadhav6838
    @yashjadhav6838 2 ปีที่แล้ว +1

    7:50 actual naming convention bhi batay sir joh professionally use kiya jata hai

    • @EngineerCodewala
      @EngineerCodewala  2 ปีที่แล้ว

      Naming convention is for functions should first letter should be capital and for variables camel casing and depends on you

  • @CodeWithVishal-10
    @CodeWithVishal-10 ปีที่แล้ว +1

    thank you sir.
    its very very helpful for mi,
    thank you so much😊

  • @anandgomaskar2210
    @anandgomaskar2210 ปีที่แล้ว +1

    thanku so much upload this video

  • @sarvesh6785
    @sarvesh6785 ปีที่แล้ว

    Thank you so much for this tutorial. Best video.

  • @VireonixCodeSchool
    @VireonixCodeSchool ปีที่แล้ว

    hey bro ,thanks for this video .

  • @radhekrishna7379
    @radhekrishna7379 ปีที่แล้ว

    Sir react native type script ke sath course available hai

  • @sachinpandey7751
    @sachinpandey7751 2 ปีที่แล้ว

    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

  • @pankajSingh-gs9uo
    @pankajSingh-gs9uo 10 หลายเดือนก่อน +1

    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

    • @EngineerCodewala
      @EngineerCodewala  10 หลายเดือนก่อน +1

      Npm reset-cache wali command hogi site pe

  • @patel5532
    @patel5532 6 หลายเดือนก่อน

    How can we only implement the Stack Navigator and BottomNavBar only and not the Drawer bar?

  • @anjaykumar9997
    @anjaykumar9997 ปีที่แล้ว

    I am Able to use navigation drawer, I install all dependencies properly

  • @riyashah6287
    @riyashah6287 ปีที่แล้ว +1

    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?

  • @RohitMondal-lj8nb
    @RohitMondal-lj8nb ปีที่แล้ว

    thanks bro you are great.

  • @shubhamchepe2023
    @shubhamchepe2023 ปีที่แล้ว +1

    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?

    • @EngineerCodewala
      @EngineerCodewala  ปีที่แล้ว

      Issue may be re ender of screen while rotating screen

    • @shubhamchepe2023
      @shubhamchepe2023 ปีที่แล้ว

      @@EngineerCodewala guruji tussi great ho tofu kabull karo, sir solution batao please iska😄🙏🙏🙏🌻

    • @shubhamchepe2023
      @shubhamchepe2023 ปีที่แล้ว

      @@EngineerCodewala sir, can you please help😄🙏

  • @AwaisZia-q3l
    @AwaisZia-q3l ปีที่แล้ว +1

    I do the same like you but when I click on drawer icon on top left the drawer is not working help me please

    • @EngineerCodewala
      @EngineerCodewala  ปีที่แล้ว

      Check you are using navigation from props or use navigation with useNavigation

  • @yashjadhav6838
    @yashjadhav6838 ปีที่แล้ว +1

    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

    • @EngineerCodewala
      @EngineerCodewala  ปีที่แล้ว

      Will use useBackHandler or backpress listener

  • @fahadkabooroo7395
    @fahadkabooroo7395 ปีที่แล้ว

    Amazing bro ❤

  • @scienceacademy128
    @scienceacademy128 ปีที่แล้ว +1

    Main show blank not show any error just show blank plz help

    • @EngineerCodewala
      @EngineerCodewala  ปีที่แล้ว

      Check imports

    • @scienceacademy128
      @scienceacademy128 ปีที่แล้ว

      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

    • @scienceacademy128
      @scienceacademy128 ปีที่แล้ว

      sir it show just white screen no any error
      i follow you step by step. but stuck on this point plz help

  • @aishwarshukla9160
    @aishwarshukla9160 ปีที่แล้ว

    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

  • @AnujSingh-kq1nd
    @AnujSingh-kq1nd 5 หลายเดือนก่อน

    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

    • @mhussnainshaker
      @mhussnainshaker 4 หลายเดือนก่อน

      Stuck on same issue. Do you find solution to this problem.

    • @coolanujkumar5
      @coolanujkumar5 4 หลายเดือนก่อน

      ​@@mhussnainshaker custom bottom tab bna lo

    • @mhussnainshaker
      @mhussnainshaker 4 หลายเดือนก่อน +1

      @@coolanujkumar5 Okay and thanks!

  • @drintech6542
    @drintech6542 ปีที่แล้ว +1

    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?

    • @EngineerCodewala
      @EngineerCodewala  ปีที่แล้ว

      There is nothing like this only issue can happen with pods only try to install pods correctly and try to install reanimated correctly

  • @vishallondhe-i2b
    @vishallondhe-i2b ปีที่แล้ว

    Very Helpful

  • @radhekrishna7379
    @radhekrishna7379 ปีที่แล้ว +1

    Mujhe couse membership leni hai agar apke pass available hai sir to......

    • @EngineerCodewala
      @EngineerCodewala  ปีที่แล้ว

      Website pe jake course lelo live classes hai …. engineercodewala.graphy.com

  • @sourabhrajput5110
    @sourabhrajput5110 ปีที่แล้ว

    guys koi help kar askta h thoda fas raha hu linking issue aaraha h

  • @shradha746
    @shradha746 ปีที่แล้ว +1

    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

    • @EngineerCodewala
      @EngineerCodewala  ปีที่แล้ว

      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

    • @shradha746
      @shradha746 ปีที่แล้ว

      @@EngineerCodewala nahi tik ho raha h sir jb b android folder se prject clean krri hu tb b error aa ja raha h

  • @praveshkumar4152
    @praveshkumar4152 2 ปีที่แล้ว

    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

    • @EngineerCodewala
      @EngineerCodewala  2 ปีที่แล้ว +1

      try react-native-responsive-dimensions

  • @ashutosh5736
    @ashutosh5736 ปีที่แล้ว +1

    Sir mere ye error nahi nikal pa rahi jo abhi aapke aayi thi me windows par use kr rha hu kuch help kijiye sir

    • @EngineerCodewala
      @EngineerCodewala  ปีที่แล้ว

      Instagram me jake error screenshot send kro

    • @ashutosh5736
      @ashutosh5736 ปีที่แล้ว

      @@EngineerCodewala ji sir krta hu

  • @shubham5522
    @shubham5522 ปีที่แล้ว

    My mainscreen is not showing up

  • @beathollic
    @beathollic ปีที่แล้ว +1

    Thank you sir

  • @pateldarshan1688
    @pateldarshan1688 6 หลายเดือนก่อน

    ERROR Invariant Violation: requireNativeComponent: "RNSScreen" was not found in the UIManager.
    bhai ye error aa rahi hai

  • @RushUltraYT
    @RushUltraYT ปีที่แล้ว +1

    Screen par khi bhi touch nhi ho rha hai jab bina drawer ke use kr rha hun tab shi work kr rha ahi

    • @EngineerCodewala
      @EngineerCodewala  ปีที่แล้ว

      This issue not because of drawer check view height and width some
      Issue in ui

  • @jack40888
    @jack40888 2 ปีที่แล้ว +1

    Thank you sir 😊

  • @maazkhan4410
    @maazkhan4410 ปีที่แล้ว +1

    Plz make a vedio on bottom sheet

  • @AlanSchooll
    @AlanSchooll ปีที่แล้ว +1

    Awesome

  • @LordRitik07
    @LordRitik07 10 หลายเดือนก่อน

    Bhai ye same video typescript bana do na

  • @mssoftpcmarketplace405
    @mssoftpcmarketplace405 ปีที่แล้ว

    Showing error "Got an invalid value for component prop for the screen Home. It Must be a valid react component"

  • @केशव108
    @केशव108 หลายเดือนก่อน

    thanks buddy

  • @TechEtti
    @TechEtti ปีที่แล้ว

    can you please create similar tutorial with expo router, tabs and drawer

  • @gigachad3861
    @gigachad3861 2 ปีที่แล้ว

    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

    • @EngineerCodewala
      @EngineerCodewala  2 ปีที่แล้ว

      use image detection

    • @gigachad3861
      @gigachad3861 2 ปีที่แล้ว

      @@EngineerCodewala can you please give link ?

    • @najmukhan9350
      @najmukhan9350 2 ปีที่แล้ว

      @@EngineerCodewala push notification wala daal do sir jii

  • @reactnative4
    @reactnative4 ปีที่แล้ว +1

    everything is working

  • @reactnative4
    @reactnative4 ปีที่แล้ว

    awesome

  • @beathollic
    @beathollic ปีที่แล้ว

    sir please make a video on a map with out use google api

  • @MohdAasim-sf5dx
    @MohdAasim-sf5dx ปีที่แล้ว

    Thanks Bhai

  • @Deskshow
    @Deskshow 2 ปีที่แล้ว

    Hi...

  • @surajrajawat1738
    @surajrajawat1738 2 ปีที่แล้ว +1

    🥰😍🙏🙏👌