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.

CloseOnOverlayTap not working for Android when inside Portal component

See original GitHub issue

Describe the bug Tapping on Overlay doesn’t close the modal when inside Portal

Reproduce <Portal> <Modalize overlayStyle={{backgroundColor: 'blue'}} closeOnOverlayTap={true} scrollViewProps={{scrollEnabled: false, bounces: true}} modalStyle={{backgroundColor: themeContext.background}} modalHeight={400} withHandle={true} snapPoint={280} ref={modalizeRef}> <MyComponent /> // Has Touchable Opacity button inside it </Modalize> </Portal> Dependencies:

react-native-modalize “2.0.5”
react-native “0.61.4”
react-native-gesture-handler “1.6.1”
react-navigation: v5

Issue Analytics

State:
Created 3 years ago
Comments:7

Top GitHub Comments

23reactions

NickM101commented, Sep 7, 2020

Had the same issue; Modal worked with back button and swipe up/down didn’t work neither tap overlay. Problem isn’t the package but visit https://docs.swmansion.com/react-native-gesture-handler/docs/ and complete configuration on react-native-gesture-handler. It worked right after rebuilding android 🙂

1reaction

vygiszscommented, Oct 1, 2020

@jeremybarbet https://docs.swmansion.com/react-native-gesture-handler/docs/#for-library-authors Maybe worth doing it?