title: Modal View in React Native
body: <p>I am new to react native, I am trying to present a view modally. I have a table view and when one of the rows is clicked I want the view to show up modally.</p>
  
  <p>This is how I am implementing the transition right now :</p>
  
  <pre><code>renderbooks(books) {
       return (
            &lt;TouchableHighlight onPress={() =&gt; this.showbooksDetail(books)}  underlayColor='#dddddd'&gt;
                &lt;View&gt;
                    &lt;View style={styles.container}&gt;
  
                        &lt;View style={styles.rightContainer}&gt;
                            &lt;Text style={styles.title}&gt;{books.title}&lt;/Text&gt;
  
  
  
                            &lt;/View&gt;
                    &lt;/View&gt;
                    &lt;View style={styles.separator} /&gt;
                &lt;/View&gt;
            &lt;/TouchableHighlight&gt;
       );
   }
   showbooksDetail(books){
     this.props.navigator.push({
       title:books.title,
       component: ProductView,
       passProps:{books}
     });
   }
  </code></pre>
  
  <p>How can I modify this so that the view can be presented modally?</p>
  
  <p>FYI: I have already looked at multiple questions and sample projects such as these:</p>
  
  <ul>
  <li><a href="https://stackoverflow.com/questions/29379751/how-do-i-create-a-native-looking-modal-view-segue-with-react-native">How do I create a native looking modal view segue with react-native?</a></li>
  <li><a href="http://facebook.github.io/react-native/docs/modal.html#content" rel="noreferrer">http://facebook.github.io/react-native/docs/modal.html#content</a></li>
  <li><a href="https://github.com/aaronksaunders/React-Modal-Nav-Example" rel="noreferrer">https://github.com/aaronksaunders/React-Modal-Nav-Example</a></li>
  </ul>