title: Trying to dismiss react-native modal when clicking outside of the box
body: <p>So I am able to currently dismiss the modal when clicking outside of the box, but the issue is that when I click inside the box it still dismisses. I have tried adding <code>pointerEvents="none"</code>, which does not seem to work.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;View&gt;
            &lt;Modal
              animationType="slide"
              transparent={true}
              style={{width: '100%', alignSelf: 'center', height: '100%', justifyContent: 'flex-start', backgroundColor:'green'}}
              visible={this.state.modalVisible}
              onRequestClose={() =&gt; {
                alert('Modal has been closed.');
              }}&gt;
              &lt;TouchableWithoutFeedback onPress={() =&gt; {
                this.setModalVisible(!this.state.modalVisible);
              }}&gt;
              &lt;View style={{ backgroundColor: 'red', flex: 1}} &gt;
  
                  &lt;View pointerEvents="none" style={{alignSelf: 'center', width: '80%', height: '50%', backgroundColor: 'purple', top: 100}}&gt;
                    &lt;Text pointerEvents="none" &gt;Hello World!&lt;/Text&gt;
  
  
                  &lt;/View&gt;
  
              &lt;/View&gt;
              &lt;/TouchableWithoutFeedback&gt;
            &lt;/Modal&gt;
          &lt;/View&gt;
  </code></pre>