question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

drawer position right not working correctly

See original GitHub issue

Version

Tell us which versions you are using:

  • react-native-router-flux v4.0.0-beta.24
  • react-native v0.46.4

Expected behaviour

Hi. when I open drawer with position “left” it open and move from left to right and fix in right. actually this not open from right. this is my code <Scene drawer key="drawer" contentComponent={buy} drawerPosition="left" drawerWidth={350} hideNavBar hideTabBar hideDrawerButton="back" >

Actual behaviour

this open form right

Steps to reproduce

For non-obvious bugs, please fork this component, modify Example project to reproduce your issue and include link here. 1. 2. 3.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5

github_iconTop GitHub Comments

3reactions
tarbundiyahitesh21commented, May 29, 2020

drawerPosition='right' not working in reactnavigation library

When i set drawerPostion=‘left’ it’s working fine, but when set ‘right’ then drawer not open from the right side. any solution

0reactions
tristanvandamcommented, Jun 15, 2020

@tarbundiyahitesh21 I have the exact same issue. @daviscabral Hope this makes more sense?

When using the default draw navigator, if shows from the left perfectly. <Drawer.Navigator drawerContent={props => <SideDrawerNavigator {...props} />} ></Drawer.Navigator>

When using drawerPostion=‘right’ screen goes slightly dark but there is no drawer appearing. <Drawer.Navigator drawerContent={props => <SideDrawerNavigator {...props} />} drawerPostion='right' ></Drawer.Navigator>

It is as if the drawer is starting on the right hand side of the screen and still opening rightwards essentially off the screen.

Note: Version is 5.8.2

Read more comments on GitHub >

github_iconTop Results From Across the Web

DrawerPosition set to right not showing · Issue #8484 - GitHub
Current Behavior When setting the position to right, then trying to open the drawer.. it will just make the background dim but the...
Read more >
react native - 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...
Read more >
React Navigation drawerPosition to right - Expo Snack
React Navigation drawerPosition to right. No description. Open with Expo Go. Open in editor. Need Expo? Don't have the Expo Go? Download the...
Read more >
Custom Drawer Navigator in React Navigation 6 - YouTube
In this tutorial, you'll learn to implement the drawer navigator in react navigation v6 and customize it. Here I have shown you how...
Read more >
Position element at the bottom of the screen using Flexbox in ...
In this post, we go from absolute position to another container, get to know flex , how to add reusable function and how...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found