Questions tagged [react-navigation-drawer]
395 questions
2
votes
2 answers
Is there a possibility of nesting tab navigator inside a drawer navigator in react-native?
Is there a possibility of nesting tab navigator inside a drawer navigator in react-native? when the hamburger menu icon is invoked,I want the drawer to cover the entire screen and implement Tab navigator inside of it. I need some help with this.

Aishwarya R M
- 123
- 1
- 10
2
votes
1 answer
React-Native App getting crashed on navigate
After upgrading React-Native App to below configuration
"react": "16.9.0",
"react-native": "0.61.5",
"react-navigation": "^4.0.10",
"react-navigation-stack": "^1.10.3",
"react-navigation-drawer": "^2.3.3",
"react-redux": "^7.1.3",
"redux":…

Bijomon Varghese
- 193
- 1
- 13
2
votes
1 answer
How to call a function in a child navigator's screen from a parent navigator's header icon
I'm using react navigation. My top level navigator is a StackNavigator. Within this StackNavigator I have a nested DrawerNavigator. I really want this implementation because I don't want the Navigation Drawer to overlap the header.
In the…

Jo Momma
- 1,126
- 15
- 31
2
votes
2 answers
how to navigate to a particular tab from a drawer navigator menu react native
I have to navigate to a particular tab when pressed from drawer items. I searched around a lot but couldnt find anything relating to my problem
i tried to follow this link of navigation actions but couldnt find out how to implement it
Navigate to…

Sagar RS
- 151
- 3
- 16
2
votes
2 answers
How to determine active route in DrawerNavigator to tint the active menu Item and close the drawer
I am using the React Navigation library. I have written a custom drawer menu and added it to the contentComponent config for my navigator. I don't know how to determine which page/screen is active from within the custom menu. Here is my code for the…

Jo Momma
- 1,126
- 15
- 31
2
votes
1 answer
Unsupported top level event type "onGestureHandlerStateChange dispatched
Image
The app crashes after trying to navigate, while using expo it doesnt crash, it only on production mode and using the apk builded through Expo
I already deleted and installed the modules, and tried downgrading and updating react-navigation…

Paul Guerrero
- 65
- 5
2
votes
3 answers
react-native react-nagivation-drawer keeps opening by default on App startup
I'm sorry for the what might turn out to be a very stupid question, but for some time now I'm struggling with the following issue, but I'm new to react-native.
I create a react-native app in which I implement the react-navigation-drawer navigation…

Gergana Georgieva
- 21
- 1
- 5
2
votes
0 answers
In react-navigation How can i use two drawer in same screen
In react-navigation, I want to use two drawers on the same screen main drawer and a sub drawer in inner screens of the application. How can I create two different drawer stacks in the same application?

Pratap Penmetsa
- 1,137
- 17
- 41
2
votes
0 answers
React Native - React Navigation Drawer How to make a drawer inside drawer ? (Double Menu)
I'm looking a way to make a drawer inside a drawer like a double menu. Here is what I want to make it.
https://dribbble.com/shots/2139038-Double-menu
const drawerNavigatorConfig = {
drawerType: "slide"
};
export const Navigator =…

FreakyCoder
- 840
- 11
- 24
2
votes
1 answer
Need to dynamically add items into a drawer menu in React Native
I need to have some items dynamically in my app's drawer after some categories get fetched from a json file (https://www.rallyssimo.it/wp-json/wp/v2/categories)
json example (I need that information)
[
{
"id": 44,
.
.
"name":…

Andrea Favero
- 182
- 1
- 15
2
votes
1 answer
Navigation drawer is not opening and toggleDrawer not found
Trying to create drawer using React-Navigation.
Using React Native 0.59, Installed React-Navigation 3.x, has done linking react-native link react-native-gesture-handler.
Create routes using React-Navigation, called Route.js:
const Drawer =…

Alvin
- 8,219
- 25
- 96
- 177
2
votes
1 answer
React Navigation Drawer contentComponent communicate with screen
I using React Navigation Drawer with the custom content component.
Below is my code to create Drawer Navigation:
import { Dimensions } from 'react-native';
import { createDrawerNavigator, createAppContainer } from 'react-navigation';
import…

Vichit Pov
- 83
- 2
- 6
2
votes
1 answer
How to move tabBar when drawer is open in react-navigation
I use TabNavigator and DrawerNavigator both in my app.
When I open drawer with 'slide' option, contents slide with drawer but TabBar doesn't slide together.
I want to make TabBar slide together but I cannot find any option about it.
How Can I do…

newbeeep
- 585
- 1
- 6
- 15
2
votes
1 answer
How to change the background color in Drawer navigation in react-navigation
I need to change the background color of the drawer screen. I am using react-navigation. Is there is an option to change this color? Refer the attached image.

sejn
- 2,040
- 6
- 28
- 82
2
votes
2 answers
Navigation close drawer not working react navigation
We are using React Navigation for our React Native application and showing side bar.
Everything working fine, But, close Drawer is not working.
Actually, I have to close Drawer while user tap on Android device back button.
So, That I am calling…

Anilkumar iOS - ReactNative
- 3,543
- 9
- 54
- 109