Questions tagged [react-navigation-drawer]
395 questions
2
votes
1 answer
Actions. is working once and not afterwards
I am working on react-native app.
Background: I have created a NavigationDrawer which has two tabs inside it a. HomePage b. AboutUs
The HomePage has two Scene tags, one for Scene1 and the other for Scene2
The AboutUs page has only one Scene in…
mshikher
- 174
- 3
- 20
2
votes
1 answer
React Native Display Modal from React Navigation Drawer
I have an application and I would like to have certain navigation routes display modals over the current page when the user clicks them as opposed to navigating to an entirely different page. My existing code is:
const DrawerNavigator = () => {
…
DMop
- 463
- 8
- 23
2
votes
1 answer
setting gesture/swipe to false is not working [react-navigation v5 ]
In my react-native application, I want the drawer to be disabled on some screens. All the screens are Stack and passed to drawerNavigation. Specifying navigationOptions for these two screens with gestureEnabled or swipeEnabled to false, still by…
Amir-Mousavi
- 4,273
- 12
- 70
- 123
2
votes
0 answers
Drawer not changing position from left to right
I am trying to shift drawer from left to right, but it isn't working. However when I am trying to shift from right to left, its working fine. I have already tried in physical device and running in emulator, but nothing worked.
Here is my…
Avinash Kumar
- 93
- 1
- 11
2
votes
1 answer
Making navigation available to all components in React Native app
I'm using React Navigation 5 in my React Native app and I'm not exactly clear about how to make navigation available to all components. I also want to mention that my app uses Redux for state management but I didn't integrate React Navigation with…
Sam
- 26,817
- 58
- 206
- 383
2
votes
0 answers
Disable DrawerNavigator Swipe Gesture at inner Stack/Tab in React Navigation v5
I am using react-navigation v5 and have the navigation arranged like this -
I want to disable Drawer swipe action in one Tab/Stack. In earlier…
Anantha kumar
- 335
- 2
- 13
2
votes
1 answer
Pass custom list to React native navigation 5.5 DrawerItemList
I have a requirement to make a multi-level drawer menu for an app using React Native. I can customize the drawer by using a CustomDrawerContent. Within this i want to display a subset of the routes. Currently i am making a copy of the props and…
Shubham
- 329
- 1
- 5
- 17
2
votes
0 answers
React navigation inside Context.Provider re-rendering
I have a component that sets up a stack navigator (TabsWithSearch) with 1 bottom tab navigator (MainTabs)(that has screens in a stack navigators in it (FirstTabStack, SecondTabStack) and 1 screen (Search). The result I want to achieve is every…
Ivanka Todorova
- 9,964
- 16
- 66
- 103
2
votes
0 answers
React Navigation - Open Drawer from Other Tab Screen
I am using React Navigation 5 for my React Native project. I have a drawer navigator nested in tab navigator.
It looks like this:
The1993
- 592
- 1
- 7
- 22
2
votes
1 answer
Make react-navigation drawer pop from bottom instead of left/right
I would like to make a drawer navigation, but instead of it coming from the left or right I want to be able to let it slide in form the bottom.
https://reactnavigation.org/docs/drawer-navigator#!
I found this documentation about creating custom…
ronnyrr
- 1,481
- 3
- 26
- 45
2
votes
2 answers
How to get the route params using route.params in react native navigation?
I am using react native with react native navigation.When I try to access the route.params it says its an undefined object. I am able to navigate to the PokeDetails screen using the this.props.navigation.navigate method, but I am unable to get the…
UI Developer
- 167
- 6
- 16
2
votes
1 answer
How to add dynamic drawer elements in react-navigation V5?
I'm trying to add a dynamic drawer to my app.
function CustomDrawerContent(props) {
return (
Chris hemsworth
- 21
- 4
2
votes
1 answer
How to call Parent component function inside custom drawer
I am beginner in React Native. I am getting stuck in one issue. I have one Parent component Home.js in which there is Tab navigator on click of tab 3 child components replace based on selected key. In same page, I have custom drawer.Now, I want to…
Divyata Chauhan
- 279
- 4
- 21
2
votes
2 answers
Drawer Navigation background Image SVG
I am working on drawer navigation. I am rendering my custom contentComponent to edit my drawer
navigation but problem is when i call my SVG component it doesn't show any content except the SVG.
I tried this way.
const CustomDrawerContentComponent…
Hamza Haider
- 730
- 6
- 20
2
votes
3 answers
React-navigation drawer content is misaligned
I'm writing a React Native app that uses the react-navigation 5.x library, specifically @react-navigation/drawer. I have four screens in the drawer, each with an icon and a label.
Screenshot
My problem is that the labels for each screen do not…
Amanda
- 21
- 3