modal doesn't close on scroll down

[enniel]

Hi! The modal doesn't close on scroll down when I use it with react-native-snap-carousel.

Reproduce
https://snack.expo.io/@enniel/modal-carousel

Dependencies:

• react-native-modalize 2.0.0
• react-native 0.62.2
• react-native-gesture-handler 1.6.1
• react-native-snap-carousel 3.9.0

[jeremybarbet]

Hi!

Unfortunately, I'm not expecting all third-party library to work out of the box with Modalize. Gestures are really complex and using Modalize with a heavy gesture-based library like react-native-snap-carousel will create conflict.

I have been able to make the ScrollView working using the customRenderer and wrapping Carousel with an Animated Component: https://snack.expo.io/@jeremdsgn/modal-carousel

However, the swipe down gesture is not working. Looks like the events needed for Modalize to work are not allowed to be passed down as props in the carousel.

There is an example available with react-native-tab-view if it can help you to move to another library

[enniel]

@jeremybarbet I created a simple example using only ScrollView instead react-native-snap-carousel. react-native-tab-view doesn't work for me, since I need independent scrolling in every slide.

[jeremybarbet]

Alright, yeah it looks like that the horizontal={true} is the culprit. I honestly don't know how to tackle this kind of problem.

It's quite similar to the inverted={true} props on the FlatList. This is some props that must change the core of Modalize to be able to handle these cases, not sure how to fix those.

[enniel]

@jeremybarbet I make it! It worked.
https://snack.expo.io/@enniel/modalcarouselsimple

[jeremybarbet]

Nicely done, it's pretty cool! I might add it to the examples documentation.

[jeremybarbet]

I believe this issue can now be close?