title: TouchableOpacity onPress not working on Android
body: <p>I have 3 simple react components-</p>
  
  <p>First the actual view(let us name this screen A)-</p>
  
  <pre><code>return(
      &lt;ImageBackground
      ...
      &gt;
         &lt;ScrollView&gt;
  
  
            &lt;ChildButton
              onPress={this.someFunction.bind(this)}
             /&gt;
  
         &lt;/ScrollView&gt;
      &lt;/ImageBackground&gt;
  )
  </code></pre>
  
  <p>Then there is the ChildButton component---</p>
  
  <pre><code>    return(
      &lt;ChildButton&gt;
         &lt;Button
           style={...someStyleObject}
           onPress={this.props.onPress}
          &gt;
  
         &lt;/Button&gt;
  
      &lt;/ChildButton&gt;
  )
  </code></pre>
  
  <p>and then there is Button component ---</p>
  
  <pre><code>return (
  &lt;TouchableOpacity
    onPress={this.props.onPress}
   &gt;
      {this.props.children}
  &lt;/TouchableOpacity&gt;
  
  )
  </code></pre>
  
  <p>The main problem here is my onPress is not getting called from screen A, only on Android. It is working fine on iOS. What are the possible causes here?</p>
  
  <p>Note: I've put consoles inside ChildButton and Button component and they are not getting printed.</p>