Questions tagged [react-navigation-drawer]
395 questions
2
votes
2 answers
Dynamically change header title in react native navigation
For a school assignment we're creating an app in react native with react navigation and redux. Because all of us are new to react we have an issue we are unable to resolve.
We want to change the title of the header when a certain button is clicked.…
Paggito
- 21
- 1
- 3
2
votes
1 answer
Navigation not working in custom drawer component in Drawer Navigation V3(react native)
I have created a navigation drawer for my app using react-navigation v3 but when I tried to customize my drawer I faced issue related to navigation. I have created a custom drawer component in order to create a fully customized drawer. But as soon…
ahd786
- 175
- 1
- 14
2
votes
0 answers
Slide gesture doesn't open/close drawer in React-Navigation
I'm using React-Native with React-Navigation V3
Here is the code I'm using for the DrawerNavigator and the StackNavigator
import React from "react";
import { StyleSheet, TouchableOpacity } from "react-native";
import { createStackNavigator,…
Edgar Barber
- 345
- 3
- 13
2
votes
1 answer
How to create an Action-Sheet/Bottom-Sheet style drawer in React-Native?
I would like some guidance on how to create an action-sheet/bottom-sheet style drawer in React-Native so that I could use a single code base for both iOS and Android.
I've attempted to use the Animated Spring API. However, I'm not able to change to…
George S
- 323
- 3
- 15
2
votes
0 answers
Prepare the Drawer Navigation menu after the User login page depends on the User Type
We are creating the AppStack and Auth Stack for our application using createSwitchNavigator
our switch component looks like
import React,{Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import {
…
Gowthaman
- 790
- 1
- 10
- 29
1
vote
0 answers
When i use "createDrawerNavigator" appears this "undefined is not a function"
I am doing exercises with Tabs, Stacks and Drawer, when I use stacks I had no problems installing the following libraries
expo install react-navigation react-native-gesture-handler
expo install react-native-screens
yarn add…
Scaryboard
- 11
- 1
1
vote
1 answer
React Native Type com.swmansion.common.GestureHandlerStateManager is defined multiple times
I am working on upgrading a React Native application that uses @react-navigation/drawer in package.json
As I got from the docs, it requires react-native-gesture-handler and react-native-reanimated to also be installed. I've done that and they look…
Vaibhav Rathore
- 301
- 2
- 10
1
vote
1 answer
How can I render DrawerLayout from react-native-gesture-handler on top of my TabNavigator?
App using react-navigation 6
App have TabNavigator and I need to have Drawer that rendered on top of TabNavigator that render Items, that could be selected, and based on what Item was selected I need to change screen in the same Tab in…
1
vote
1 answer
Can't tigger Drawer by toggledrawer and got white screen
iOS 13(simulator ) |
xcode13 |
react-navigation6.x |
react-native 0.68.2
Drawer Navigator works fine But an Error occurres when adding useLegacyImplementation.
Also,I can't touch off my sidebar by navigation.openDrawer
and If I add…
sammyblues
- 11
- 1
1
vote
1 answer
drawer navigation is giving error in react native
I added stack and bottom navigator in my app, and it is running correctly. But if I add drawer navigation then I am getting error
Below I have added my files
App.tsx:
import {NavigationContainer} from '@react-navigation/native';
import MainNavigator…
pratteek shaurya
- 850
- 2
- 12
- 34
1
vote
0 answers
Drawer navigation hearder icon opening a different drawer
I have this nested structure, where I have a drawer navigation in the home page and one of pages navigates to another drawer navigation, in order to have the back button I added headerRight and HeaderLeft. The headerRight is supposed to open the…
Babou
- 151
- 1
- 12
1
vote
1 answer
React Native drawer navigator to stack navigator missing transition animation
I have a functional Drawer navigator that holds a Stack navigator as shown below:
function DrawerNavigator() {
return (
joepaji
- 45
- 4
1
vote
0 answers
only splash screen display when i add drawer navigation in react native expo CLI
my android application work well but when i add drawer navigation library import { createDrawerNavigator } from '@react-navigation/drawer'; in my app only splash screen display, No error are display in cmd. I wait a lot but not open the screen.
rafiulah
- 149
- 5
1
vote
0 answers
Using both DrawerNavigator and BottomTabNavigator with the same screens
I'm writing a React Native app, while using react-navigation package for navigating through the app screens.
On my app's home screen, there is a bottom tab bar with about 4-5 buttons, each leading to a different screen. Besides that, all of my app's…
Ido Naveh
- 2,442
- 3
- 26
- 57
1
vote
1 answer
How to change @react-navigation/drawer DrawerItemList's style
I'm using @react-navigation/drawer.
And it is very annoying with the style inside
I have demo here ( please run on andorid, on web do not have the paddingTop )
The problem:
Inside the view in DrawerContentScrollView has a…
Zuet
- 559
- 6
- 23