Questions tagged [react-navigation-drawer]
395 questions
0
votes
1 answer
How to access to side menu in all pages in react-native?
I want to implement an application with react drawer navigation for side menu. For a simple example with three screens it work that in each screen a hamburger icon exist and with clicking on it , navigate to proper screen. My problem is that I want…
BeginnerProgrammer
- 664
- 3
- 13
- 27
0
votes
1 answer
How to load another screen on top of Home screen when we click on icon in header in Drawer navigation in React-Native
I have created a Drawer Navigation with Home and Cart menu
when i click on Cart symbol on header i want to open separate page on top of this home screen.
I have written code like below
const DrawerNavigationCon=createDrawerNavigator({
…
Surya
- 265
- 1
- 3
- 10
0
votes
1 answer
Deprecated Gradle features were used in this build, making it incompatible with Gradle 6.0. error while installing some libraries
I am trying to create one react native app with Drawer navigation with menu in header using stack navigation like below
I have installed packages like below
1.npm install react-navigation
2.npm add react-native-reanimated…
Surya
- 265
- 1
- 3
- 10
0
votes
2 answers
createDrawerNavigator Is Not Working React Native
I tried lots of things to open drawer but nothing works for me. I do not understand how to combine navigators like I have, one is createStackNavigator and second is createDrawerNavigator. Please check my code if anything goes wrong so let me know…
Zain Khan
- 1,644
- 5
- 31
- 67
0
votes
1 answer
Jest test failing for DrawerNavigator in a Typescript React native project
I'm new at React Native and Typescript. I have been implementing a small project with Stack Navigation and Drawer Navigation. The project has been working well but now I have to make some unit tests. I started with a very simple one but is failing…
Rafael Bermúdez
- 123
- 4
- 16
0
votes
2 answers
how to get current routeName in react-navigation-drawer Drawer compoenent?
I have created my App Navigator component with these libraries
react-navigation
react-navigation-stack
react-navigation-drawer
and drawer is nested inside main stack.
Drawer stack
const DrawerMenu = createDrawerNavigator(
{
Home: {
…
Aakruti beladiya
- 11
- 1
- 4
0
votes
1 answer
react native access title of the current screen in nested drawer navigation
I have a react native app using react-navigation where i want my header to look like this with a title and subtitle.
I'm using native-base Header to achieve this. At the root of the application i have a tabs navigation and each tab has a drawer…
Manish
- 4,692
- 3
- 29
- 41
0
votes
2 answers
How to modify DrawerNavigatorItems items
In the docs from DrawerNavigatorItems it have the following property:
items - the array of routes, can be modified or overridden
It says you can modify the array.
How can I do that?
It doesn't explain what is an "array of routes". It's just…
Vencovsky
- 28,550
- 17
- 109
- 176
0
votes
1 answer
How to have the back button in a drawer navigator?
I have a DrawerNavigator as the basic block of my app. The reason is that it should be accessible from all screens. As such, it's also the target for all deep links and will only display some of the items in the actual drawer.
The main page consists…
Matthieu Brucher
- 21,634
- 7
- 38
- 62
0
votes
1 answer
How to make react navigation drawer opened permanently
I want to make a sidebar menu like web in react-native. A sidebar can be opened permanently and the main body of application can be accessed when the drawer opens
enter image description here
Rizki Fr
- 1
- 1
0
votes
1 answer
StackActions reset causing issues after upgrading to react-navigation 4.x
I have the following navigation setup in react-navigation 3.x
const AuthStack = createStackNavigator(
{
Starter: {
screen: Starter,
},
SignIn: {
screen: Signin,
},
SignUp: {
…
Saurabh Kumar
- 16,353
- 49
- 133
- 212
0
votes
2 answers
How to make an React DrawerNavigator item just be a clickable link
I want to make an item in my React-Native DrawerNavigation that is just a clickable link that opens the user's browser to a link.
Here is the main code:
File: /src/routes/AuthorizedNavigator.js
import { createDrawerNavigator } from…
PolarisTLX
- 329
- 4
- 18
0
votes
2 answers
Error using drawer navigation - undefined is not an object (evaluating '_this.props.navigationProps.toggleDrawer')
I'm having trouble getting drawer navigation to work with NativeBase, It works well in another file but when its added to the project I am working on, I get this error :
undefined is not an object (evaluating…
Charl
- 155
- 2
- 10
0
votes
1 answer
Why does props.screenProps become undefined when redux state changes
I am trying to display a list of buttons in a custom drawer component in React Native. The buttons successfully load and render, but immediately become "undefined" and are thus un-clickable. The specific error I am getting is " undefined is not an…
Adam Wells
- 47
- 6
0
votes
2 answers
undefined is not an object (evaluating '(0 _reactnavigation.DrawerNavigator)')
I have created customized sidebar and have 5 to 6 screens. I am using NativeBase and want to open Sidebar with DrawerNavigator option but when I applied following code it was getting issue.
Drawer Navigator code
import React, { Component } from…
MMuzammilQ
- 257
- 5
- 17