title: Drag up a ScrollView then continue scroll in React Native
body: <h1>What I want (GIF)</h1>
  
  <p>Here is a (quality-reduced) GIF about what I'm want to achieve.</p>
  
  <p><a href="https://i.stack.imgur.com/jII7a.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/jII7a.gif" alt="enter image description here"></a></p>
  
  <h1>What I want (Text)</h1>
  
  <p>I have a <code>scrollview</code>, that is positioned at the half of my screen.  </p>
  
  <p>What I want is to drag that <code>scrollview</code> up, and then, when it reaches a certain position, send the <code>drag touch event</code> to <code>scrollview</code> itself, so it can continue scrolling.</p>
  
  <h1>My tries</h1>
  
  <ul>
  <li>Put the scrollview in fullscreen in the foreground, and add a half-screen padding-top to its <code>contentContainerStyle</code>. It worked well, but I couldn't click the view behind it. Is there a way to click through the <em>empty area</em> of a scrollview?</li>
  <li><p>I also tried to detect the scroll position, in order to move the view up accordingly</p>
  
  <pre><code>&lt;ScrollView onScroll={event =&gt; moveScrollViewUpIfNeeded(event)}&gt;
      ...
  &lt;/ScrollView&gt;
  </code></pre>
  
  <p>but didn't work when I tested it out on iOS simulator. Event is not even fired. <a href="https://facebook.github.io/react-native/docs/scrollview#onscroll" rel="noreferrer">React Native Docs</a> states that <code>onScroll</code> needs <code>scrollEventThrottle</code> to work. However, <code>scrollEventThrottle</code> is only <a href="https://facebook.github.io/react-native/docs/scrollview#scrolleventthrottle" rel="noreferrer">available on iOS</a>. And in my case, I want it on Android too.<br>
  And If I successfully achieve this, I should face another UI problem: When dragging the ScrollView up, how can I prevent it to scroll when the view is not yet at the wanted position? </p></li>
  </ul>
  
  <p>So, can you give me some tips to achieve this please:)?  </p>
  
  <p>Thank you,</p>