title: How do I close a React Native Modal?
body: <p>I am currently running into an issue where I can open my react-native modal just fine but once it's open I can't seem to close it. I just started using react-native about three weeks ago so I am extremely new to this.</p>
  
  <p>I have tried implementing solutions that I've found online but nothing seemed to work for me. The opening functionality is great and seems to be working perfectly but when it comes to closing the modal none of the things I've tried have seemed to give the modal that ability. I have not been able to find a solid solution for my exact problem anywhere!</p>
  
  <p>This is how I am opening the modal.</p>
  
  <pre><code>constructor(props) {
   super(props);
    this.state = {
     refreshing: false,
      display: false
    };
  }
  
  triggerModal() {
   this.setState(prevState =&gt; {
    return {
      display: true
     }
    });
  }
  
  &lt;View&gt;
    &lt;Button onPress = { () =&gt; this.triggerModal() } title = "Open Modal"&gt;&lt;/Button&gt;
  
    &lt;DisplayModal display = { this.state.display } /&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>This is the modal itself, I am trying to use a button to close it.</p>
  
  <pre><code>import React from 'react'
  import { Modal, View, Image, Text, StyleSheet, Button } from 'react-native';
  
  const DisplayModal = (props) =&gt; (
    &lt;Modal visible={ props.display } animationType = "slide" 
  onRequestClose={ this.display }&gt;
  &lt;View&gt;
    &lt;Button title="close" onPress = { () =&gt; !props.display }&gt;&lt;/Button&gt;
  &lt;/View&gt;
  &lt;/Modal&gt;
  )
  
  export default DisplayModal;
  </code></pre>
  
  <p>As my familiarity with react-native is limited, it has been difficult wrapping my head around how some aspects of the framework function... I'm probably just making a dumb mistake somewhere in the code.</p>
  
  <p>I appreciate any help with this problem!</p>