Questions tagged [react-navigation-drawer]
395 questions
0
votes
1 answer
How to dynamically show Drawer items in React-Navigation V5?
I am having a bit of trouble trying to dynamically show different items at React-Navigation drawer.
I have a drawer that needs to show different items if the user is logged in or not. In this case, if the user is logged in, the buttons for…
Leminur
- 291
- 2
- 7
- 22
0
votes
1 answer
React Native Stack & Drawer Navigation v5
I am new to react native and I am trying to create a menu, that would open on click and slide out, and on click outside the menu would slide back in.
It has been very hard for me to find any decent tutorial/explanation about how to have both stack…
Nata Vacheishvili
- 387
- 1
- 5
- 18
0
votes
1 answer
React Native - Drawer Navigation Gesture Start point
I'm using React native drawer navigation, when you swipe out from the left or right - it opens the drawer.
Does anyone know a way of changing the gesture start point, so that it starts slightly further into the screen?
My users are finding on…
TheBritishAreComing
- 1,667
- 2
- 19
- 38
0
votes
1 answer
Unable to resolve "react-navigation-drawer" from "App.js"
Mine react-navigation drawer is not working, I am getting this error while running the app, any suggestion to fix this problem.
Unable to resolve "react-navigation-drawer" from "App.js"
import React from 'react';
import {createAppContainer} from…
Ogunmoroti Dammy
- 21
- 3
0
votes
1 answer
Adding Temporary drawer function in Mini variant drawer from Material UI
I am using Mini variant drawer from Material UI and its working fine but in this drawer when I open the nav bar and click anywhere outside the nav bar, it isn't closing. Just like in Temporary drawer. I tried to implement but failed.
Mini variant…
user12389638
0
votes
0 answers
Attempted to assign to readonly property error
I am trying to nest a stack navigation inside a drawer navigation and I get
Device: (895:881) Attempted to assign to readonly property.
Evaluating module://react-native-screens.js
Evaluating module://react-navigation-drawer.js
Evaluating…
Andreea Mitel
- 63
- 7
0
votes
1 answer
How to avoid closing drawer when navigating to different screen in react native?
I have integrated react-navigation-drawer to add drawer navigation. From Landing screen when I open drawer, my drawer closes automatically when I navigate to a different screen. This is the default behavior of drawer.
My requirement is when I…
Reema
- 83
- 10
0
votes
3 answers
React native navigation drawer is not covering header in my application
I am new to react native development, but i have some requirement with react navigation drawer. I want to display the navigation drawer from top of the screen but it is display below from toolbar. It is a combination of both Stack and Drawer…
malli
- 642
- 2
- 12
- 30
0
votes
1 answer
React Native Drawer
React Navigation, problem with Drawer
So, my problem is: the drawer isn't opening when i hit the menu icon, i'm using react-navigation-drawer and i get the error: "TypeError:undefined is not an object (evaluating 'navigation.navigate')". Here's my…
0
votes
0 answers
Nested navigation using react navigation replaces the initialRouteName permanently
Here is the current structure of the navigators
-Stack navigator
- Splash
- Login
- Home (Drawer Navigator)
- Users (Stack Navigator)
- Users List
- User Detail ( this screen contains the screen products list of…
hamidify
- 26
- 1
- 2
0
votes
1 answer
Constructor of Component is not working for the second time
I have a Component class:
class AutoPage extends Component {
constructor(props) {
super(props);
console.log("Auto is " + this.props.route.params.auto);
this.state = {
avto: this.props.route.params.auto,
}
this.array = [
…
Dilshod K
- 2,924
- 1
- 13
- 46
0
votes
1 answer
React Navigation 4: reset StackNavigator nested inside DrawerNavigator
I am having a common issue with my React Navigation setup.
I have multiple StackNavigator nested in a DrawerNavigator which is inside a SwitchNavigator. Yeah, it's a mess.
Let's say I have a DrawerNavigator with 3 stacks: HomeStack (Home route,…
chuysbz
- 1,262
- 6
- 18
- 47
0
votes
1 answer
Setting up customizable Header in React Native
I wish to create Header for my Notes Storage App on React Native. I have Tried using stackNavigator till now but I am caught up on how to add menu icon which onPres will open the Drawer. I tried using HeaderLeft in stackDesignHead but it gives an…
Gaurav kumar
- 21
- 6
0
votes
1 answer
Drawer not opening on swipe after once tapped outside to close
Current Behavior
In React navigation 5
Drawer properly opens and closes on openDrawer() and closeDrawer() events, but facing issues while using swipe gesture to open drawer.
Steps to Reproduce:-
1)Open Drawer once
2)Tap outside Drawer and…
adiwon
- 59
- 6
0
votes
1 answer
react naviagation v5 navigate from drawer custom view
I am using React Navigation V5, I wanna custom drawer Navigation content which contents the image on top and some others navigation items unders
Here is my drawer items:
Image (custom view)
Profile
Products
Orders
Here is my code my custom drawer…
Dac Huy
- 3
- 2