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…
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…
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…
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…
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: { …
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…
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…
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…
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:…
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…
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…
-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…
-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…
1 2 3
26
27