Hide component when clicking outside
<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>