Stack Overflow
Stack Overflow

Questions tagged [react-navigation-drawer]

395 questions
0
votes
1 answer

Set onpress on createDrawerNavigator item in react native?

I have a drawer item "Share App" where I want to open an alert and display a message rather than opening an entire screen in react native. My code is as follows: const Screen6_StackNavigator = createStackNavigator({ //All the screen from the…
Josss
  • 229
  • 1
  • 4
  • 19
0
votes
0 answers

Slide Bottom TabBar to right/left when the drawer is open

I'am trying to slide bottom TabBar when the drawer is open ,And it's only slides the header Drawer: const SilderNavigator = createDrawerNavigator({ Home : HomeStackNavigator , }, { contentComponent : MenuContentComponent , drawerType :…
isme
  • 57
  • 1
  • 7
0
votes
2 answers

React Navigation (Native): custom header

I'm having an issue with the react-navigation's drawer component not covering the whole application. I'm really struggling as I'm new with React Native and can't figure out the "clean way" to do it Here's an…
ianaz
  • 2,490
  • 3
  • 28
  • 37
0
votes
1 answer

React navigation 5 stack navigator and drawer navigator together

Basically I am from react-navigation v4, I am familiar handling the same with SwitchNavigator as bridge, but v5 does no support for SwitchNavigator, so bit struggling to understand the below implementation. const Stack =…
Prabhakaran
  • 3,900
  • 15
  • 46
  • 113
0
votes
1 answer

Props through React Navigation Drawer

I`m developing an APP for a championship and I have a HomeScreen where the Manager should LOGIN so he/she can update the results. My problems is: I have a Drawer Navigator and a static password. How can I get the prop isAdmin to the other…
Vitor Bernstorff Clemes
  • 1
0
votes
1 answer

In React-Native, trying to access the drawer open from stack navigator in header back button

I am new to react native, I want to access my home page drawer open from stack navigation which is in launch.js launch.js import * as React from 'react'; import {Button, View} from 'react-native'; import {createDrawerNavigator} from…
Lakshumanan
  • 1
  • 2
0
votes
1 answer

I need to add an Icon for Drawertoggling in React Native

I got the following error while trying to do so.I am using React Navigation 5 It is showing Object is not a function Here is my code const HeaderLeft = ({ navigation }) => { return (
Arundev
  • 21
  • 4
0
votes
1 answer

React Native setting header title and back button

I have nested navigation, which it seems is blocking me from managing header, title and back options on each page. I am using react-navigation 4.x. I have following items on AppNavigator, first a Drawer: const DashboardDrawerAgent =…
Eduardo
  • 1,781
  • 3
  • 26
  • 61
0
votes
1 answer

"Maximum update depth exceeded" when making custom drawer in Drawer Navigator

Having this issue with getting a custom drawer to target my Stack screens: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside a componentWillUpdate or componentDidUpdate. (I'm not using class components…
lanierc
  • 182
  • 2
  • 12
0
votes
1 answer

React Navigation 5: toggleDrawer() doesnt work

I am working on React Navigation version 5. I am trying to show my drawer on the left through my MealsNavigator.js file. Here's the code: const MealsNavigator = () => { return (
user13655715
0
votes
1 answer

React Native: TypeError: undefined is not an object (evaluating 'this.props.navigation.navigate') when click on button. Why?

I know it's duplicate question, I tried to solve it through all the solution since 3-4 days but didn't understand why it's coming again and again. I think i made somewhere stupid mistake, please help me to trace it out. Following is the code for my…
Gunjan Patel
  • 2,342
  • 4
  • 24
  • 45
0
votes
1 answer

Error: There is no route defined for key Add Grocery Item. Must be one of: 'screen' stackactions

I'm following this SO answer - I'm just trying to reset the stack upon navigating so that my component gets unmounted when navigating away because I need componentDidMount to fire when navigating to it. I want to go from this: const navigateAction =…
BeniaminoBaggins
  • 11,202
  • 41
  • 152
  • 287
0
votes
1 answer

ReactNative ReactNavigation Custom DrawerContent - Passing color and size to Icon

I was referring to an online tutorial to create custom DrawerContent for my DrawerNavigator. Am using ReactNavigation v5. Here's my minimal code: import React from 'react'; import { View, StyleSheet, TouchableOpacity, Text } from…
Vpp Man
  • 2,384
  • 8
  • 43
  • 74
0
votes
1 answer

React Native: How to include multiple stackNavigators into a drawerNavigator in react native v5 (not v4)

I'm new to react native and was trying to include two stackNavigators into a drawerNavigator in react native v5. My Navigator code is also given below. When I add both stackNavigator into drawerNavigator, it shows error: In v4 tutorial videos there…
Shaswata Mitra
  • 45
  • 6
0
votes
1 answer

Adding new components in side drawer navigator dynamically

I have an "ADD" button which when pressed should add a new item to the side navigation drawer. I already have two items in the drawer and want to add 1 item every time the "ADD" button is pressed. How do I do that?
Shashwat Shukla
  • 13
  • 1
  • 3
1 2 3
…
26 27