title: TextInput prevents ScrollView from scrolling
body: <p>I have a form that is longer than the phone's screen height. It is a <code>ScrollView</code> containing <code>TextInput</code> components. The problem is that when I want to drag starting the touch on a <code>TextInput</code>, the <code>ScrollView</code> doesn't move. If I drag starting on a blank space (the <code>View</code> in the code example), it scrolls perfectly.</p>
  
  <p>It feels like the <code>TextInput</code> is somehow eating the touch/drag event, not allowing the <code>ScrollView</code> to interact.</p>
  
  <p>The <code>ScrollView</code> looks similar to this:</p>
  
  <pre><code>function Form() {
      return (
          &lt;ScrollView style={{ flex: 1, }}&gt;
              &lt;TextInput placeholder="test" /&gt;
              &lt;TextInput placeholder="test" /&gt;
              &lt;TextInput placeholder="test" /&gt;
              &lt;TextInput placeholder="test" /&gt;
              &lt;TextInput placeholder="test" /&gt;
              &lt;View style={{ height: 150, }} /&gt;
              &lt;TextInput placeholder="test" /&gt;
              &lt;TextInput placeholder="test" /&gt;
              &lt;TextInput placeholder="test" /&gt;
              &lt;TextInput placeholder="test" /&gt;
          &lt;/ScrollView&gt;
      );
  }
  </code></pre>
  
  <p>How can I make the scrolling work?</p>
  
  <p><strong>Update</strong>: I noticed that when I start scrolling on the blank space, I can then keep scrolling by touching the inputs. However, as soon as the inertia stops, I'm unable to scroll using the inputs again.</p>