title: Back button not working when modal is displayed
body: <p>I have create a component to display modal as follows:</p>
  
  <pre><code>    export default class Modal extends React.Component {
        constructor(props) {
          super(props);
          this.state = {
            animationType: 'slide',
            modalVisible: true,
            props: null,
            color: '#282727'
          }
        }
        hideModal = () =&gt; {
          this.setState({
            modalVisible: false,
          })
        }
  
  
        render() {
          return (
            &lt;View&gt;
              &lt;Modal
                animationType={this.state.animationType}
                transparent={true}
                visible={this.state.modalVisible}
                onRequestClose={() =&gt; this.hideModal}
                onOrientationChange={evt =&gt; this.setState({ currentOrientation: evt.nativeEvent.orientation })}
              &gt;
                &lt;Container&gt;
  
                  &lt;Content style={styles.container}&gt;
  
                    &lt;Card style={styles.card}&gt;
                      &lt;Text&gt;&lt;/Text&gt;
                    &lt;/Card&gt;
                  &lt;/Content&gt;
                &lt;/Container &gt;
              &lt;/Modal &gt;
            &lt;/View &gt;
          );
        }
      }
  </code></pre>
  
  <p>I am using calling the modal from the following component as follows:</p>
  
  <pre><code>      import customModal from '../customModal';
  
        export default class CardsList extends Component {
          constructor(props) {
            super(props);
            this.state = {
              Modal: null,
            }
          }
          showModal = () =&gt; {
            let Modal = &lt;customModal /&gt;;
            this.setState({ Modal })
          }
          hideModal = () =&gt; {
            this.setState({
              Modal: null
            })
          render() {
            return (
              &lt;Container style={{ backgroundColor: '#f7f7f7' }}&gt;
                &lt;Content&gt;
                  {this.state.Modal}
                &lt;/Content&gt;
                &lt;Button onPress={this.showMenu}&gt;
                     Show Modal
                &lt;/Button&gt;
              &lt;/Container&gt;
            );
          }
        }
  </code></pre>
  
  <p>I am facing following issue:</p>
  
  <ol>
  <li>Back button not working when modal is displayed on screen.</li>
  </ol>