Stack Overflow
Stack Overflow

Questions tagged [react-navigation-drawer]

395 questions
6
votes
3 answers

How to remove space from the top in react-drawer

I am using it and i am getting white space at the top. Can any provide me detail to remove this white space from top. @react-navigation/drawer
Rover
  • 661
  • 2
  • 18
  • 39
6
votes
1 answer

How to use StackNavigator with DrawerNavigator (ReactNavigation v5)? I'm using classes for every screen

P.S: Most of the Youtube videos or articles on the web aren't using ReactNavigation v5, they are using older versions. Can someone show a dummy project when user can click button to navigate to a different screen (using StackNavigator) and…
Rahul Dasgupta
  • 463
  • 8
  • 14
6
votes
2 answers

Drawer navigation inside Tab navigation but on top (react native)

I'm coding a react native app similar to Instagram. I have already a bottom tab navigator with 5 items, the last one is the profile tab. Inside this profile tab I want a drawer navigator to manage the profile settings, I want this drawer only…
Mark Hkr
  • 620
  • 2
  • 7
  • 15
6
votes
1 answer

Navigating to screen in another navigator in React Navigation 5

I'm using the new React Navigation 5 in my React Native app. The main menu is handled by the RootNavigator which is a Drawer. The login/sign up are handled by AuthNavigation which is a Stack. I'm trying to send user to Home screen under…
Sam
  • 26,817
  • 58
  • 206
  • 383
5
votes
0 answers

drawer navigator not working properly with reanimated 2

So i am using drawer-navigator (react-navigation). Everything was working fine until i upgraded the packages. Here is the new version of it and its dependencies; "@react-navigation/drawer": "^6.3.1", "react-native-gesture-handler":…
Irfan wani
  • 4,084
  • 2
  • 19
  • 34
5
votes
4 answers

How to set react-native drawer header icon ('Hamburger') to the right side?

I set the drawer right-side, but the hamburger icon, in the screen header, stays default left side, Is there any property to pass through to change position to the right? I know it should be done with configuring a custom header, but I don't want to…
Giorgi Digmelashvili
  • 263
  • 2
  • 6
5
votes
1 answer

How to update header bar from drawer screen

I am using nested navigation. The root navigator is a StackNavigator and child is DrawerNavigator as far as I know there is no way to put a header bar via DrawerNavigator. So I made it via StackNavigator but I can not update the header title when I…
Muhammed Ozdogan
  • 5,341
  • 8
  • 32
  • 53
4
votes
3 answers

React navigation - react native - How to block drawer in Stack Navigator nested inside Drawer Navigator?

In my react native app I have a stack navigator nested inside a drawer navigator. I want the drawer to be disabled in the stack navigator pages. I'm using react navigation 6. In the docs (https://reactnavigation.org/docs/drawer-navigator/#options) I…
German Cocca
  • 669
  • 1
  • 9
  • 17
4
votes
7 answers

React Native: Unable to resolve module. None of these file exist:

I am a beginner in React Native so I apologize if this is a noob question. I am trying to learn using this react navigation article and this about react login example. The first article places all the code in App.js while the second one has code in…
btzy
  • 45
  • 1
  • 1
  • 6
4
votes
1 answer

React Navigation 6.x pressing back button takes you back to initial screen

I have just moved from React Native 5.x to 6.x and now my Navigation stack is giving me issues. When I navigate a few screens deep in my drawer navigator, and then press the back button on android (haven't tried IOS yes), it leads me right back to…
Emad Said
  • 41
  • 2
4
votes
2 answers

how to remove header from stack navigator in drawer navigator in react version 6.x

this is my stack navigator this is my drawer navigator the problem is my Drawer navigtor header in stack navigator screen 2 - [name='Details',component='Anote'], I want to remove the drawer navigator from the below picture [ie. one with the…
Ashish Saini
  • 190
  • 3
  • 11
4
votes
2 answers

React-navigation 5 - Drawer Navigator: Change style of Drawer's menu icon

I am using Drawer Navigator from React-navigation 5. I need to change menu (drawer's default) icon color to white. I could not find any props for that or may be I missed it. Could anyone please help with this?
newdeveloper
  • 1,401
  • 3
  • 17
  • 43
4
votes
1 answer

How to use React Navigation Drawer with Next.js?

I'd like to use the React Navigation v5 (Drawer navigation) with Next.js but I have a question about their integration. In short: React Navigation (Drawer navigation) based on the React Navigation Screens component. It conditionally renders the…
Velidan
  • 5,526
  • 10
  • 48
  • 86
4
votes
0 answers

Unable to remove existing params in react navigation

I'm using react-navigation v4 for my expo App. For my App I'm using createDrawerNavigator and createSwitchNavigator with createAppContainer and createBrowserApp for web. My issue is when I'm navigating to a route where I don't want params, there…
zulqarnain
  • 1,536
  • 4
  • 26
  • 44
1
2
3
…
26 27