title: react native modal not opening
body: <p>I am trying to launch a modal on a simple click of a button, but for whatever reason the modal doesn't appear to be launching</p>
  
  <pre><code>import React, { PropTypes } from 'react'
  import { View, Alert, ScrollView, Text, Modal, TouchableHighlight } from 'react-native'
  import { connect } from 'react-redux'
  import Actions from '../Actions/Creators'
  import { Actions as NavigationActions } from 'react-native-router-flux'
  import CartRow from '../Components/CartRow'
  import CartTotal from '../Components/CartTotal'
  import RoundedButton from '../Components/RoundedButton'
  
  // Styles
  import styles from './Styles/CartAndCheckoutStyle'
  
  class CartAndCheckout extends React.Component {
  
     constructor (props) {
       super(props)
       this.state = {
         modalVisible: false
       }
     }
  
     setModalVisible(visible) {
       this.setState({modalVisible: visible});
       console.log(visible)
     }
  
     static propTypes = {
       items: PropTypes.array,
     }
  
    render () {
      return (
        &lt;View style={styles.container}&gt;
          &lt;View style={styles.currentBalance}&gt;
            &lt;Text style={styles.currentBalanceTitle}&gt;CURRENT BALANCE&lt;/Text&gt;
            &lt;Text style={styles.currentBalanceAmount}&gt;$0.00&lt;/Text&gt;
          &lt;/View&gt;
          &lt;ScrollView&gt;
            &lt;Modal
              animationType={"slide"}
              transparent={false}
              visible={this.state.modalVisible}
              onRequestClose={() =&gt; {Alert.alert("Modal has been closed.")}}
              &gt;
             &lt;View style={{marginTop: 22}}&gt;
              &lt;View&gt;
                &lt;Text&gt;Hello World!&lt;/Text&gt;
              &lt;/View&gt;
             &lt;/View&gt;
            &lt;/Modal&gt;
            &lt;View style={styles.cartItems}&gt;
              {(this.props.items||[]).map((section,i) =&gt; (
                &lt;CartRow key={i} action={this.setQty} index={i} element={section} /&gt;
              ))}
            &lt;/View&gt;
            &lt;CartTotal items={this.props.items||[]} /&gt;
          &lt;/ScrollView&gt;
          &lt;RoundedButton onPress={()=&gt;{this.setModalVisible(true)}} text='Place Order' /&gt;
        &lt;/View&gt;
      )
    }
  }
  
  CartAndCheckout.propTypes = {
    updateCart: PropTypes.func,
  }
  
  const mapStateToProps = (state) =&gt; {
    return {
      // items: state.cart.items,
    }
  }
  
  const mapDispatchToProps = (dispatch) =&gt; {
    return {
      updateCart: (index,qty) =&gt; dispatch(Actions.updateCart(index,qty)),
    }
  }
  
  export default connect(mapStateToProps, mapDispatchToProps)(CartAndCheckout)
  </code></pre>