title: (React Native) How to implement a ListView/FlatList on a MapView( or other view) like this GIF
body: <p>I want to implement the same UI function as this (Yelp App) on the React Native, and I am using Expo. There is a listview or flatlist on a mapview. The listview has a lower initial position on the top of the mapview. I can scroll the listview up and down while I still can interact with the mapview (click or drag).<br>
  <a href="https://i.stack.imgur.com/esXQV.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/esXQV.gif" alt="The Screen shot from Yelp App"></a></p>
  
  <p>What I have tried:  I implement a flatlist, and I set its position to absolute, top to a fixed number. this number will be change according to onTouchStart and onTouchMove. I also set scrollEnabled to false. Because if I don't set it to false. The list will still scroll while the whole flatlist view is moving up or down. This approach has a really bad user experience, like the list won't continue scrolling after finger leave the screen. I decided to find a better one. </p>
  
  <p>Please tell me if you have any idea. Thank you!</p>