#5 Drawer Navigation in React Native | React Native Tutorial | React Navigation Merge Stack & Drawer

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

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

  • @kevinurielfonseca
    @kevinurielfonseca 2 หลายเดือนก่อน

    This was amazing dude. Great work!

  • @adnanahmad1062
    @adnanahmad1062 8 หลายเดือนก่อน +2

    good video (just for info install packages with "npm install "package-name" --legacy-peer-deps")
    it'll automatically compatible with node and expo etc

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

    This video is really helpful for me because I am new to learn React Native and I was struggle to use nesting navigation. Thanks a lot for this Video ❤

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

    Nicely explained👍

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

    Bro I am getting the following error, I have tried many videos but this stuck stuck there:
    Invariant Violation: "main" has not been registered. This can happen if:
    * Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
    * A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called., js engine: hermes

    • @GauravKumar-cv4yz
      @GauravKumar-cv4yz 9 หลายเดือนก่อน

      same mera bhi

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

      Same error please tell how to solve it

    • @GauravKumar-cv4yz
      @GauravKumar-cv4yz 9 หลายเดือนก่อน

      @@ankitadeshpande5986 if you find any solution please tell me

    • @GauravKumar-cv4yz
      @GauravKumar-cv4yz 9 หลายเดือนก่อน

      @@ankitadeshpande5986 if you find any solution please tell me

    • @ibronet3815
      @ibronet3815 8 หลายเดือนก่อน

      I also got the same problem but I solved by installing the latest version of react native reanimated package so you have to uninstall the one u have already installed or if yet install the latest version hopefully it will help

  • @mad_chief
    @mad_chief 7 หลายเดือนก่อน

    When drawer menu pressed it shoud overlay status bar..how to do it?

    • @thedebugarena
      @thedebugarena  7 หลายเดือนก่อน

      In Navigation you can track whether drawer is open or not and based on that in Navigation you can hide status bar

  • @ibronet3815
    @ibronet3815 8 หลายเดือนก่อน

    Sir the lesson is okay but am stuck in createDrawerNavigator ist brings error like 'cannot read property 'createDrawerNavigator' of undefined' I Don know what to do

    • @thedebugarena
      @thedebugarena  8 หลายเดือนก่อน

      Make sure that you have imported createDrawerNavigator from correct package and while using it initialize it properly. If issue still persists you can dm me on instagram.

    • @design-0000
      @design-0000 7 หลายเดือนก่อน

      error

    • @thedebugarena
      @thedebugarena  7 หลายเดือนก่อน

      @@design-0000 what error you are getting

  • @NayomiShah
    @NayomiShah 7 หลายเดือนก่อน

    Hello, first of all thankyou very much. I am facing problem as I am using class component and also my stack navigator contains screen like login and sign-up where this drawer should not be used and also not all my screens should be displayed. Can you please help?

    • @thedebugarena
      @thedebugarena  7 หลายเดือนก่อน

      Hey you can watch my stack navigator video then watch this I also had a same scenario. To tackle this you will have to create 2 different stack navigator one will have home about screens and one will have login sign up screens. Then you will create one drawer navigator where first component will be your home, about stack navigator in simple term your drawer navigator will be merged with one stack navigator. Try to do this if issue is still there dm me on instagram will help you.

    • @NayomiShah
      @NayomiShah 7 หลายเดือนก่อน

      @@thedebugarena Okay Thanks. And what about class component as it doesn't support hooks

  • @ManojKumar-xu9mh
    @ManojKumar-xu9mh 7 หลายเดือนก่อน

    Very Good videos bro, good explanation. thanks for the quick response and solving the issue. Many thanks for the tips.

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

    Absolutely on point. Great one ,keep it up bro ❤

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

      Thnx!! If you are learning react native then you can checkout my playlist on React Native where I have taught React Native from scratch now I m also integrating Node JS and Mongo DB with React Native by building an application. th-cam.com/play/PLS3Cbnye46msryIoZjQ5AQ57nxENwnJfl.html

  • @tienphanmemtinh8207
    @tienphanmemtinh8207 3 หลายเดือนก่อน

    ERROR TypeError: Cannot read property 'hide' of null, js engine: hermes

    • @thedebugarena
      @thedebugarena  3 หลายเดือนก่อน

      Make sure you have initialized drawer navigator properly

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

    how can you add a background color for the active screen?

    • @thedebugarena
      @thedebugarena  11 หลายเดือนก่อน +1

      That is possible by identifying the current navigation screen through routes and then apply the css based on that.

  • @abhishekrasall
    @abhishekrasall 5 หลายเดือนก่อน +6

    guys if u follow this video in july 2024, install latest npm install react-native-reanimated

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

    * What went wrong:
    Execution failed for task ':app:checkDebugAarMetadata'.
    > Could not resolve all files for configuration ':app:debugRuntimeClasspath'.
    > Failed to transform react-native-reanimated-73-jsc.aar (project :react-native-reanimated) to match attributes {artifactType=android-aar-metadata}.
    how to clear this error bro

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

      In you app/build.gradle change this to
      compileSdkVersion = 33
      targetSdkVersion = 33

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

    when i install "npm install react-native-reanimated@~2.2.0"
    it showing this: 1 high severity vulnerability
    they are saying to upgrade the version to latest version

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

      If possible you can ignore that.

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

    in react native how to achieve that label in the drawer to dynamically update to the name of the nested screen when a nested screen is opened, instead of displaying the name of the main drawer item. For example, if i navigate to the "Update Password" screen from the "Settings" screen, i want the drawer header to display "Update Password" instead of "Settings". can we achive this

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

      It is feasible you can dm me on instagram we can discuss.

  • @AvdheshKumarNigam
    @AvdheshKumarNigam 7 หลายเดือนก่อน

    How to run the app with error. OMG
    Home, Home > Home
    This can cause confusing behavior during navigation. Consider using unique names for each screen instead.

    • @thedebugarena
      @thedebugarena  7 หลายเดือนก่อน

      You can change the name as per your understanding

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

    Bro where is the css ? Please displayed the css part also
    By the way great video 😊 one of the best video in youtube for Navigation keep it up bro ❤

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

      You can get the css from github

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

      Thanks bro 😊❤

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

      One thing more please add the backend and complete the Playlist 😊

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

    thank you bhai

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

    Login authentication k age Wale sir

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

      Very soon all the video will be out.

  • @AvdheshKumarNigam
    @AvdheshKumarNigam 7 หลายเดือนก่อน

    Errors are showing.. you are install packages offline then we are facing issue. its not good practice. before u run own code. then upload videos. Please show your terminal window during the screen recording..

    • @thedebugarena
      @thedebugarena  7 หลายเดือนก่อน

      Sure will take that in consideration. If you are facing any error dm me on instagram

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

    react native notification with firebase related video banao na

  • @motcongmotbangba4810
    @motcongmotbangba4810 5 หลายเดือนก่อน

    10:30 he said: "and nyan" :3🙀🙀🙀

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

    please share remaining videos

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

      You can checkout playlist all the videos are there

  • @KiranKumar-ku1eb
    @KiranKumar-ku1eb 9 หลายเดือนก่อน

    thanks man, you made my day

  • @AvdheshKumarNigam
    @AvdheshKumarNigam 7 หลายเดือนก่อน