title: React native scroll over interactive content
body: <p>I watched this presentation and there's a section on how to <a href="https://youtu.be/V8maYc4R2G0?t=13m45s" rel="nofollow noreferrer">build an IOS Maps</a> like UI. When dragging from the bottom to top, it drags to the top, and after it reaches the top, it continues scrolling up. Also, when scrolling down, when it reached the top content of the ScrollView, it continues to drag down.</p>
  
  <p>It is suggested that it can be done using ScrollView by adding an empty transparent cell as the first element on the ScrollView. I have tried implementing the same which can be found in this <a href="https://snack.expo.io/@kakarn/scrollview---handler" rel="nofollow noreferrer">snack</a>. In my case, instead of Maps, I am using another ScrollView. </p>
  
  <p>But the problem is that the first element (transparent element) does not allow to interact with the First ScrollView elements. I have tried with pointerEvents inside the first transparent view and even in its parent ScrollView. But this does not help. Has anyone tried implementing this kind of use case with react-native? All I found was <a href="https://github.com/rome2rio/react-native-touch-through-view" rel="nofollow noreferrer">this library</a>, but I think it's not maintained properly.</p>