Questions tagged [react-navigation-drawer]
395 questions
0
votes
1 answer
Where to call addListener in react native
We are working on React Native project. In that, We are showing tabbar in that and also sidebar too.
So, for that side bar we added react-navigation library. But, In, Android, If user tap on that device's back button, if the drawer is opens, We have…

Anilkumar iOS - ReactNative
- 3,543
- 9
- 54
- 109
0
votes
1 answer
How to pass login credentials to initial screen of DrawerMenu of navigation drawer in React Native?
I have created React-navigation Drawer V3 in my app. I am facing the problem of getting the login credentials on the initial screen that is the "Home" screen of my drawer navigation stack. Although I am passing the data on DrawerMenu.js from…

ahd786
- 175
- 1
- 14
0
votes
1 answer
How to add React-Navigation Drawer menu to my screens?
I have a home screen built with React-Navigation 3.x. I have a header, some navigation icons, and a bottom tab menu. It is working well, but now I want to add a drawer menu to the screen and add an icon at the top right corner to toggle the…

Mochi08
- 167
- 3
- 15
0
votes
0 answers
react-navigation - Passing params into nested navigator (Getting param in Drawer component but NOT getting it in main routs)
I am navgating to a StackNavigator (who's default route is a MaterialBottomTabNavigator) wrapped in DrawerNavigator with a param. I can get the param in Drawer custom component. But can't get the same in StackNavigator's screen. I tried avoiding the…

Abhay Bhave
- 44
- 1
- 8
0
votes
2 answers
Icons not shown in React Navigation DrwaerNavigator
I'm trying to add icons to the below simple React Navigation DrawerNavigator:
export default createAppContainer(createDrawerNavigator({
Home: {
screen: HomeScreen,
icon: 'home'
},
Screen1: {
screen: Screen1
},
Screen2: {
…

Alon
- 75
- 1
- 7
0
votes
1 answer
Type 'ConnectedComponentClass<>' is not assignable to type 'ComponentType
So i am using react-navigation in my react-native project with typescript and redux but when i an setting a the contentComponent prop for the drawerNavigator i am getting this error in typescript.
Type 'ConnectedComponentClass' is not…

Amol Gupta
- 2,054
- 1
- 14
- 29
0
votes
1 answer
React native nested navigation - go back to initial route of stack navigator when the parent drawer route is clicked
I am using the following navigation setup in my react native project. Here I am using drawer navigation and stack navigation.
import MainScreen from '../components/MainScreen';
import SettingsScreen from '../components/SettingsScreen';
import…

Arun D
- 2,369
- 5
- 27
- 39
0
votes
1 answer
React Native:- Swipe gesture is not working on drawernavigator of react-navigation
I am new to react native and i am trying to make screen which has two tabs and one drawer. For this i am using createTabnavigator inside createDrawerNavigator and this createDrawerNavigator inside createStackNavigator. I have enabled the swipeEnable…

Chaitanya Parashar
- 692
- 2
- 12
- 21
0
votes
1 answer
React-navigation drawer is routing me back to previous screen immediately after rendering item screen
I have a StackNavigation like this:
const AppNavigator = createStackNavigator({
Login: {
screen: Login,
navigationOptions: () => ({
title: 'Login',
headerTintColor: 'white',
headerStyle:{
backgroundColor:…

I'm not human
- 544
- 1
- 9
- 30
0
votes
0 answers
Send profile data to drawer navigator
I've got a custom drawer navigator that shows some profile information at the top. I can load the profile image from the server within the drawer, but this seems unnecessary as I'll be loading the profile information elsewhere as well (right after…

jacob blankenship
- 145
- 1
- 3
- 16
0
votes
1 answer
Cannot navigate to route from within navigation stack.
I have one file with my whole navigation stack. In my navigation header I have a menu and I want to open a Drawer. Now In this example I get the error: Cannot read property 'navigation' of undefined
My AppNavigation file:
import React from…

sanders
- 10,794
- 27
- 85
- 127
-1
votes
1 answer
Execution failed for task ':react-native-reanimated:configureCMakeDebug[arm64-v8a] [CXX1428] exception while building Json
I'm trying to use the Drawer Navigator from React Navigation in my React Native project. I've come across a similar issue that many others have faced when attempting to run the React Native app after integrating react-native-reanimated into their…

DineshMsd
- 72
- 1
- 9
-1
votes
2 answers
React Native - Resize Drawer with Drag Handle
In React Native, is there any way to resize a Drawer with a resize handle by dragging the edge of the Drawer. For example, like in the Slack screenshot here. This is a very common use case but see no implementation of it anywhere online.
I think…

jg42233
- 1
- 3
-1
votes
1 answer
Dynamic drawer items in React Native
I need to create a dynamic menu regarding to the logged user.
If the user is not logged in, i only want to show Home and Login.
In case Admin is logged i want to show Home, Orders, Users, My Account and Logout
If the user is logged in i want to show…

brvim
- 1
- 3
-1
votes
1 answer
Requiring module "node_modules\@react-navigation\drawer\src\index.tsx" while using Drawer Navigation
I am working on building a React Native application. I have installed React navigation stack and worked on it, it works fine. When I installed Drawer navigation and tried to use that, it came up with these errors. What is causing the problem…

barath thangam
- 103
- 1
- 6