title: Hide modal by clicking outside of the modal | react-native
body: <p><a href="https://i.stack.imgur.com/9RlFi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9RlFi.png" alt="enter image description here"></a>
  I want to hide the modal that by clicking anywhere in the <code>ScrollView</code> component.  I have tried with Wrapping all the components inside <code>ScrollView</code> with a <code>View</code> and Wrapping the view with <code>TouchableWithoutFeed</code>. But when the modal pop's this Touchable seems to not working at all. </p>