title: PanResponder could not detect touch if i touch on Touchables(TouchableHighlight, TouchableOpacity, TouchableWithoutFeedback)
body: <p>I have implemented <strong>PanResponder</strong> in my project but it only works when I touch non touchable elements . When I touch touchable elements like <strong>TouchableOpacity</strong>, PanReponder does not responds.But when I move my finger on <strong>TouchableOpacity</strong> PanResponder responds.</p>
  
  <blockquote>
    <p>Same thing happening for Button also</p>
  </blockquote>
  
  <p>Please tell me what might be the problem.</p>
  
  <p>Expo Link : <a href="https://snack.expo.io/SyYrtq87W" rel="noreferrer">https://snack.expo.io/SyYrtq87W</a></p>
  
  <pre><code>import React, { Component } from 'react';
  import { Button, PanResponder, View, StyleSheet,TouchableOpacity } from 'react-native';
  import { Constants } from 'expo';
  
  export default class App extends Component {
    state = {
      show : false
    };
    _panResponder = {};
  
    componentWillMount() {
      this._panResponder = PanResponder.create({
  
        onStartShouldSetPanResponder: () =&gt; {
          alert('clicked')
          console.log('clicked')
          return true
        },
        onMoveShouldSetPanResponder: () =&gt; {
          alert('moved')
          console.log('moved')
          return true
        },
        onStartShouldSetPanResponderCapture: () =&gt; false,
        onMoveShouldSetPanResponderCapture: () =&gt; false,
        onPanResponderTerminationRequest: () =&gt; true,
        onShouldBlockNativeResponder: () =&gt; false,
      });
    }
  
    render() {
      return (
        &lt;View
          style={styles.container}
          collapsable={false}
          {...this._panResponder.panHandlers}&gt;
  
   {/*********************PanResponder does not respond***************************/}       
  
          &lt;TouchableOpacity&gt;
            &lt;View style={{width:200, height:200,backgroundColor:'red'}}&gt;
            &lt;/View&gt;
          &lt;/TouchableOpacity&gt;
  
  
  
          &lt;Button
            title="Here is a button for some reason"
            onPress={() =&gt; {}}  
          /&gt;
  
    {/*****************************************************************************/}
        &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center',
      paddingTop: Constants.statusBarHeight,
      backgroundColor: '#ecf0f1',
    }
  });
  </code></pre>