title: Navigation is not working with Rows in ListView
body: <p>I have a list of elements contains in a ListView component. My elements are built with data in a .json. </p>
  
  <p>My screen with the list is built like this : </p>
  
  <p><strong>ListBillScreen.js</strong>
      </p>
  
  <pre><code>    &lt;View style ={styles.header}&gt;
        &lt;Text style = {styles.textHeader}&gt; Vos Factures &lt;/Text&gt;
      &lt;/View&gt;
  
    &lt;ListView
      style={styles.listView}
      dataSource={this.state.dataSource}
      renderRow={(data) =&gt; &lt;Row {...data} /&gt;}
      renderSeparator={(sectionId, rowId) =&gt; &lt;View key={rowId} style={styles.separator} /&gt;}
    /&gt;
  
    &lt;View style = {styles.footer}&gt;
    &lt;TouchableHighlight onPress={this.goAdd.bind(this)}&gt;
         &lt;Image style={ styles.image } source={require('../Images/add_blue.png')}/&gt;
    &lt;/TouchableHighlight&gt;
    &lt;/View&gt;
    &lt;AndroidBackButton
      onPress={this.popIfExists.bind(this)}
    /&gt;
  
  &lt;/ScrollView&gt;
  );
  </code></pre>
  
  <p>As you can see, i have in render row the line </p>
  
  <pre><code>renderRow={(data) =&gt; &lt;Row {...data} /&gt;}
  </code></pre>
  
  <p>Row references </p>
  
  <p><strong>Row.js</strong></p>
  
  <pre><code>import React from 'react';
  import { View, Text, StyleSheet, Image, Alert, TouchableHighlight, Navigator} from 'react-native';
  
  import styles from './Styles/RowStyles'
  
  const Row = (props) =&gt; (
  &lt;TouchableHighlight onPress={() =&gt; Alert.alert("Redirection " + 
  props.name)}&gt;
   &lt;View style={styles.container}&gt;
    &lt;Image source={{ uri: props.picture}} style={styles.photo} /&gt;
    &lt;Text style={styles.text}&gt;
     {`${props.name} / ${props.price} euros`}
    &lt;/Text&gt;
   &lt;/View&gt;
  &lt;/TouchableHighlight&gt;
  );
  
  export default Row;
  </code></pre>
  
  <p>Instead of the </p>
  
  <pre><code>{() =&gt; Alert.alert("Redirection " + props.name)}&gt;
  </code></pre>
  
  <p>I would like to make a redirection with the function :</p>
  
  <pre><code>goAdd(){
    this.props.navigator.push({ screen: 'BillScreen' });
  }
  </code></pre>
  
  <p>But if do that, I have an error that told me this.props.navigator is not working in this case. But in others classes i'm doing that and everything is all right. </p>
  
  <p>Is someone have a solution please? Thanks for all ! </p>