title: ScrollView inside TouchableOpacity
body: <p>I'm trying to set a horizontal <code>ScrollView</code> inside a <code>TouchableOpacity</code> component (for necessary reasons). However the <code>TouchableOpacity</code> overrides any horizontal scrolling capabilities and executes the <code>onPress</code> even for a horizontal touch movement. <br><br>
  Is there a way to give the <code>ScrollView</code> touch event priority over the parent <code>Touchable</code>? That way the user can scroll the component and press it. Below is a code snippet similar to what I'm trying to implement.</p>
  
  <pre><code>&lt;TouchableOpacity
      onPress={this._onPress}&gt;
      &lt;View&gt;
          ... Some view I want static ...
      &lt;/View&gt;
      &lt;ScrollView
          horizontal={true}&gt;
          ... A bunch of components I want scrollable ...
      &lt;/ScrollView&gt;
  &lt;/TouchableOpacity&gt;
  </code></pre>
  
  <p>Thanks!</p>