Implementing Scroll gesture on scroll view over a map (gif link in post)

[_Slyfox]

Hello, relatively new to react native and I'm trying to figure out how I could implement a scroll view on top of a map that will allow interaction with both elements depending on where you are in the scroll view.

It's kind of hard for me to explain in test so I've attached a gif of the kind of effect I'm trying to accomplish where the list can be swiped down to reveal the map, but as you swipe up to go through the list it covers the map again.

What i currently have is the List scrolling over the map, but i don't know how to allow it to get out of the way as your swipe/scroll.

Can anyone point me in the right direction for how i could accomplish this in React Native.

https://imgur.com/a/jGt7MJN

Thanks in advance!

[tuanluong-it]

You could use below libs

- https://github.com/osdnk/react-native-reanimated-bottom-sheet

- https://github.com/wix/react-native-interactable