title: Hide component when clicking outside
body: <p>I want to hide a component when clicked outside it. Something like dismissing keyboard. I have done this by wrapping my whole view inside ToucheableWithoutFeedback by changing state onPress but Toucheables disables ScrollView. </p>
  
  <p>Can you give me an idea of a way that scrollview still works?</p>
  
  <p>or</p>
  
  <p>How can I handle taps in views or outside my component??</p>
  
  <p>my current code is something like this:</p>
  
  <pre><code>&lt;TouchableWithoutFeedback onPress={() =&gt;{this.setState({toggle:false})}}&gt;
    &lt;View&gt;
      {//content}
    &lt;/View&gt;
  
    &lt;ScrollView&gt;
      {//lists here}
    &lt;/ScrollView&gt;
    {{
    if(this.state.toggle){
     return 
       (&lt;View&gt;
        {//The view that im hiding when clicking outside it}
       &lt;/View&gt;)
    }
    else
     return &lt;View/&gt;
  &lt;/TouchableWithoutFeedback&gt;
  </code></pre>