Stack Overflow
Stack Overflow

Questions tagged [react-native-drawer]

64 questions
6
votes
2 answers

React native - remove space between drawerIcon and item text on Drawer.Screen

I'm trying to adjust space between icon and text in drawer screen. Here's an image to explain better. Here's my code ({ drawerItemStyle: { borderRadius: 0, width:…
Festus Akushie
  • 139
  • 8
6
votes
1 answer

How to change Header title in navigationOptions from constructor in react-native app?

In my react-native project I have use DrawerNavigator from which I navigate to SwitchAccount page. In SwitchAccount page I have use Tabs from react-native-tabs. Below is code where I use render() { return (
GAURAV
  • 647
  • 6
  • 18
3
votes
2 answers

navigation.goBack() not working in nested navigation

my screens are arranged this way: main root Stack navigator has 2 screens Login Drawer The drawer is a Drawer Navigator, having three screens Home Profile Settings Home is a Bottom Tab Navigator having multiple Screens…
Mukash Wasti
  • 135
  • 1
  • 16
3
votes
2 answers

React Native - Accessing drawer navigation outside of AppNavigator

App.js { NavigationService.setTopLevelNavigator(navigatorRef); }} /> I wanna be able to access props.navigation.openDrawer(); from navbar…
Mike Shiv
  • 203
  • 4
  • 12
3
votes
2 answers

React native BottomTabNavigator with DrawerNavigator, how to keep bottom navigator visible all the time

I have gone through various posts on SO and github about react navigation, but most of them are a combination of react native stack navigator with drawer navigator. I couldn't find anything that could help fix my problem. What i am trying to do is i…
Vikram Mahishi
  • 2,871
  • 3
  • 15
  • 19
3
votes
1 answer

Perspective Animation Drawer with React Native?

I want to create perspective animation like following - I am using react-native-scaling-drawer & have currently done - My App.js is the root file which is as follows - App.js const AppNavigator = StackNavigator( { walkthroughStack: { …
deadcoder0904
  • 7,232
  • 12
  • 66
  • 163
2
votes
1 answer

how to handle two drawers separately in react navigation 6?

I have created two Drawer Navigators const MenuDrawerRight = createDrawerNavigator(); const MenuDrawerLeft = createDrawerNavigator(); function RightDrawerScreens() { return ( …
Muhammad Umar
  • 190
  • 1
  • 3
  • 15
2
votes
1 answer

Not able to fill the whole height of DrawerContentScrollView

I am developing the nagivation drawer: } screenOptions={{ headerShown: true, }}>
Leem.fin
  • 40,781
  • 83
  • 202
  • 354
2
votes
0 answers

Displacement of drawer instead overlay react navigation createDrawerNavigator

I'm using react-navigation(2.14.2) in my react native project and I want to use a drawer which has displacement effect instead of overlay. To be clear - I want this What react-navigation gives is this - How can I achieve displacement in…
Mayank Baiswar
  • 605
  • 6
  • 20
2
votes
5 answers

_this._drawer.open is not a function react-native

i am using drawer from native base for my react native application. when u click the menu button the drawer not open up and i get this error ( _this._drawer.open ) is not a fucntion what is the isse here is my code import React, { Component } from…
Asad
  • 3,070
  • 7
  • 23
  • 61
1
vote
0 answers

Error related to Reanimated Plug in + React Native + Visual Studio Code

`Hi, I am working Drawer plug-in in React Native..., Now got stucked with below errors. Added all necessary entries in babel.config.js and even tried reinstalling reanimated-plug in. [Reanimated] The native part of Reanimated doesn't seem to be…
user20559883
  • 25
  • 3
1
vote
1 answer

React Native Drawer Navigation show headerLeft

I have a Drawer navigator which is inside a Stack navigator and I'd like to display a header. Currently I can display everything I want however because the header is defined at the Stack level the navigation inside the header is stack level not…
joshk132
  • 1,011
  • 12
  • 37
1
vote
1 answer

Custom drawer navigation isn't animating, just getting snapped to final size

I'm trying to implement this custom drawer with animation effect while sliding (opening, closing), the MainLayout should be resizing with a shrinking / growing animation when toggeling the drawer but what it does is simply changing it's size after…
Santanu Roy
  • 61
  • 7
1
vote
1 answer

React Native Reanimated: Argument of type 'AnimatedNode' is not assignable to parameter of type 'number'.ts(2345)

I need to create a drawer animation using React Native Reanimated(https://www.npmjs.com/package/react-native-reanimated). before update interpolate method works properly with 2 arguments. which is used like interpolate( props.progress, { …
Meet Prajapati
  • 191
  • 2
  • 7
1
vote
0 answers

Adding style to the scene of drawer react native

I'm trying to style the scene of drawer, like this image: but I cant find any method to do that, only to style the Container: sceneContainerStyle method. anyone can help me? thank
Motaz Lubbad
  • 41
  • 1
1
2 3 4 5