Questions tagged [react-navigation-drawer]
395 questions
4
votes
1 answer
How to call toggleDrawer in React Navigation 5
I got a React-Navigation 5 drawer menu working using gesture, but I also want to add an icon on the right side of the header to toggle the drawer menu.
I have the navigation setup in my App.js like this:
import {NavigationContainer, DrawerActions}…
Mochi08
- 167
- 3
- 15
4
votes
1 answer
How do I add a log out button to my Drawer using React Navigation V5
How do I add a custom logout button to my drawer? I have tried a few things and I can not seem to find a solution. This is where I am stuck.
import React from 'react';
import {TouchableOpacity, Image, Text} from 'react-native';
import…
Darron
- 323
- 4
- 14
4
votes
3 answers
React navigation 5 - Move drawer item icon from left to right
I want to show label on left and drawerIcon on right but unable figure out how.
Here is code
Farhan Farooq
- 193
- 2
- 13
4
votes
1 answer
How to remove reach navigation 5.x warnings
I am developing a mobile app using react native Expo. I used the React Navigation version 5.x and getting the following warnings:
web Compiled with warnings.
D:/_expo/navi/node_modules/@react-navigation/routers/lib/module/index.js
Attempted…
Develpr
- 43
- 4
4
votes
1 answer
Use drawer navigation without having a Screen inside it
I have a following stack navigator
Mahdi Bashirpour
- 17,147
- 12
- 117
- 144
4
votes
3 answers
How to change backdrop color to transparent in react-navigation-drawer
Hi all, I am trying to add react-navigation-drawer in my app and I am facing this issue. whenever I open the drawer, backdrop or background got opaque black. I tried to add background colour but it didn't work for me.
Here my code for…
Akash Mishra
- 623
- 1
- 6
- 22
4
votes
2 answers
React native navigate to same page with different props
I am working on a RN app that uses a side-drawer.(RN version: 0.59.8)
const DrawerNavigator = createDrawerNavigator(
{
Home: {
screen: HomeScreen
},
Poems: {
screen: PoemsScreen
},
…
Sen Alexandru
- 1,953
- 3
- 19
- 35
4
votes
0 answers
react-navigation is working on iOS simulator but facing navigation problem on iOS real device
react - navigation is working for both iOS and android emulator and android real device but not working for iOS real device
I am using stack navigator, inside stack navigator using drawer navigator and tab navigator, but at the time of running the…
Killerrr_anku
- 59
- 3
4
votes
0 answers
Navigation is getting slower and slower
When I first launch the app, it's quick and responsive. But when I navigate, it's getting slower and slower. Even if i navigate between main screen and second screen recursively. First navigation is instant, but 10th is already taking a second, and…
irondsd
- 1,140
- 1
- 17
- 34
4
votes
1 answer
Touch events are not working with react navigation
According to the steps of React Navigation 3.x documentation, I have added react-native-gesture-handler for android. I have added the additional lines in MainActivity.java too.
Here is the link for…
K.Raj.
- 643
- 6
- 22
4
votes
0 answers
Adding sections/dividers in React Native Navigation Drawer
I have a React Native project using a React Navigation Drawer, using a custom drawer component:
const CustomDrawerContentComponent = (props) => (
Adam Arcaro
- 451
- 7
- 19
3
votes
1 answer
React Native Drawer Navigation always closing automatically
I have a React Native app using React Navigation. The app already consists of a Tab Navigator nesting Stack Navigators. Now I additionally wanted to add a Drawer Navigation at the very top level, displaying a custom drawer content.
So my hierarchy…
the_smart_home_maker
- 514
- 4
- 21
3
votes
1 answer
How to enable Drawer Navigation only on specific screen (e.g. Home Screen) [react native] [react navigation]
Use case of this problem is to have Drawer menu like "Settings" available only form "Home Screen". And at "Home screen" could be many buttons that link to other screens of Stack Navigation where Drawer is not available.
Main question is how to…
CodeJoe
- 262
- 2
- 10
3
votes
1 answer
react native navigation drawer : Drawer not closing when pressing an overlay
I have tried many suggestions from https://github.com/react-navigation/react-navigation/issues/5370 but none of them.
Drawer is closing fine in android platform. This is only happening in iOS.
I am not sure but something with react-native-reanimated…
newdeveloper
- 1,401
- 3
- 17
- 43
3
votes
1 answer
Previous screen is popped with current screen either, when user goes back by device or browser back button in drawerContent, react-navigation v5
I'm using react-navigation-v5 and react-native-web in a monorepo architecture.
My stack hierarchy is like this
-- drawer
|-- splashScreen
|-- authStack
|-- appStack
|-- categoryListScreen
|-- searchScreen
|--…
Mohammad
- 792
- 1
- 7
- 15