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 items not clickable

See original GitHub issue
          <Drawer
            type="overlay"
            openDrawerOffset={0.35}
            panCloseMask={0.9}
            panOpenMask={0.02}
            content={<SideMenu/>}
            ref={(ref) => NavigationService.setDrawerObject(ref) }
            disabled={!this.state.showSideMenu}
            tweenHandler={(ratio) => ({
                main: {
                    opacity: (2 - ratio) / 2,
                }
            }) }
            >

Culprit seems to be the panCloseMask. If I remove that, I can tap on items again. Seems this is interrupting the TouchableHighlight interactions.

Occurs on ios only. I don’t see it happening in android. I’ve upgraded to the latest react and react-native

react: 15.0.1 React Native: 0.27

Issue Analytics

  • State:open
  • Created 7 years ago
  • Comments:9

github_iconTop GitHub Comments

15reactions
FDMatthiascommented, Oct 19, 2016

We had the same issue and by adding captureGestures={false} it started working again…

0reactions
Biplovkumarcommented, May 2, 2019

same issue here in ios.

Read more comments on GitHub >

github_iconTop Results From Across the Web

navigation drawer items not clickable - android
Try this one please: mDrawerList.bringToFront(); mDrawerLayout.requestLayout();. So you onCreate() method will look like this:
Read more >
Navigation drawer item click listener not working ? - YouTube
fix Navigation drawer item click listener not working , Activity opens by clicking on an Item on the Navigation drawer, How to navigate...
Read more >
Making menu items not clickable - WildApricot Help
To make a single menu item not clickable, follow these steps: Go to the Website module (by clicking the Website menu) then click...
Read more >
Fragment Navigation Drawer | CodePath Android Cliffnotes
Navigating between Menu Items. Setup a handler to respond to click events on the navigation elements and swap out the fragment. This can...
Read more >
Drawer item click some times does not respond #5771
Clicking on the drawer item does not respond some times. Drawer navigator is the outside navigator that encompasses other stack navigators.
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