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

Поделиться
HTML-код
  • Опубликовано: 23 окт 2024

Комментарии • 51

  • @adnanahmad1062
    @adnanahmad1062 6 месяцев назад +1

    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 4 месяца назад

    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 ❤

  • @kevinurielfonseca
    @kevinurielfonseca Месяц назад

    This was amazing dude. Great work!

  • @NayomiShah
    @NayomiShah 5 месяцев назад

    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  5 месяцев назад

      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 5 месяцев назад

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

  • @pamsquad982
    @pamsquad982 8 месяцев назад +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 7 месяцев назад

      same mera bhi

    • @ankitadeshpande5986
      @ankitadeshpande5986 7 месяцев назад

      Same error please tell how to solve it

    • @GauravKumar-cv4yz
      @GauravKumar-cv4yz 7 месяцев назад

      @@ankitadeshpande5986 if you find any solution please tell me

    • @GauravKumar-cv4yz
      @GauravKumar-cv4yz 7 месяцев назад

      @@ankitadeshpande5986 if you find any solution please tell me

    • @ibronet3815
      @ibronet3815 7 месяцев назад

      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

  • @abhishekrasall
    @abhishekrasall 3 месяца назад +6

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

  • @naveenkumarragupathy6787
    @naveenkumarragupathy6787 7 месяцев назад

    * 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  7 месяцев назад

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

  • @ibronet3815
    @ibronet3815 7 месяцев назад

    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  7 месяцев назад

      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 6 месяцев назад

      error

    • @thedebugarena
      @thedebugarena  6 месяцев назад

      @@design-0000 what error you are getting

  • @ManojKumar-xu9mh
    @ManojKumar-xu9mh 5 месяцев назад

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

  • @mad_chief
    @mad_chief 5 месяцев назад

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

    • @thedebugarena
      @thedebugarena  5 месяцев назад

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

  • @alameenn5452
    @alameenn5452 9 месяцев назад

    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  9 месяцев назад

      If possible you can ignore that.

  • @AvdheshKumarNigam
    @AvdheshKumarNigam 5 месяцев назад

    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  5 месяцев назад

      You can change the name as per your understanding

  • @palerkhenharold3687
    @palerkhenharold3687 9 месяцев назад

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

    • @thedebugarena
      @thedebugarena  9 месяцев назад +1

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

  • @PletraTech
    @PletraTech 7 месяцев назад

    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  7 месяцев назад

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

  • @tienphanmemtinh8207
    @tienphanmemtinh8207 2 месяца назад

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

    • @thedebugarena
      @thedebugarena  2 месяца назад

      Make sure you have initialized drawer navigator properly

  • @AvdheshKumarNigam
    @AvdheshKumarNigam 5 месяцев назад

    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  5 месяцев назад

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

  • @motcongmotbangba4810
    @motcongmotbangba4810 4 месяца назад

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

  • @codewithkaran8860
    @codewithkaran8860 10 месяцев назад

    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  10 месяцев назад

      You can get the css from github

    • @codewithkaran8860
      @codewithkaran8860 10 месяцев назад

      Thanks bro 😊❤

    • @codewithkaran8860
      @codewithkaran8860 10 месяцев назад

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

  • @silentstudios8061
    @silentstudios8061 10 месяцев назад

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

    • @thedebugarena
      @thedebugarena  9 месяцев назад

      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. ruclips.net/p/PLS3Cbnye46msryIoZjQ5AQ57nxENwnJfl

  • @AvdheshKumarNigam
    @AvdheshKumarNigam 5 месяцев назад

  • @swapnilvedpathak6840
    @swapnilvedpathak6840 9 месяцев назад

    Login authentication k age Wale sir

    • @thedebugarena
      @thedebugarena  9 месяцев назад

      Very soon all the video will be out.

  • @swapnilvedpathak6840
    @swapnilvedpathak6840 9 месяцев назад

    please share remaining videos

    • @thedebugarena
      @thedebugarena  9 месяцев назад

      You can checkout playlist all the videos are there

  • @entertainershree9647
    @entertainershree9647 10 месяцев назад +1

    react native notification with firebase related video banao na

  • @KiranKumar-ku1eb
    @KiranKumar-ku1eb 7 месяцев назад

    thanks man, you made my day