title: ScrollView above Map
body: <p>I wanna have a <code>ScrollView</code> above a map. The content of the <code>ScrollView</code> should start at 2/3 of the screen so I can see the markers on the map and use the map. But when I start dragging the scroll view it should use the whole height to scroll and not just the 1/3 where the <code>ScrollView</code> is.</p>
  
  <p>I tried positioning with top which let me use the map but scrolling happened just inside the small area left. <code>paddingTop</code> has the desired effect but it didn't let me use the map of course.</p>
  
  <p>How can I achieve what I want?</p>
  
  <p><a href="https://i.stack.imgur.com/K0ltA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/K0ltA.png" alt="Screenshot"></a> </p>
  
  <pre><code>  clubResultContainer: {
      position: 'absolute',
      top: 0,
      paddingTop: (Dimensions.get('window').height / 3) * 2,
      left: 0,
      right: 0,
      bottom: 0,
      zIndex: 20,
      backgroundColor: 'transparent',
    },
  </code></pre>