title: React-Native navigation with section list
body: <p>i have this code in the SectionListView.js:</p>
  
  <pre><code>class SectionListItem extends Component {
  render(){
      return(
          &lt;View&gt;
              &lt;TouchableHighlight onPress={()=&gt;navigation.navigate('YoutubeScreen')} underlayColor='transparent'&gt;
              &lt;View style={styles.SectionListItem}&gt;
                  &lt;MaterialIcons name='youtube-searched-for' size={20} style={styles.YtIcon}&gt;
                  &lt;/MaterialIcons&gt;
                  &lt;View style={styles.Item}&gt;
                      &lt;Text style={{fontFamily:Fonts.OpenSans}}&gt;{this.props.item.name}&lt;/Text&gt;
                      &lt;Text style={{fontSize:6,fontFamily:Fonts.OpenSans}}&gt;{this.props.item.details}&lt;/Text&gt;
                  &lt;/View&gt;
                  &lt;View style={styles.IconContainer}&gt;
                      &lt;MaterialIcons name='chevron-right' size={15} style={styles.IconChevron}&gt;
                      &lt;/MaterialIcons&gt;
                  &lt;/View&gt;
              &lt;/View&gt;
              &lt;/TouchableHighlight&gt;
          &lt;/View&gt;
      );
  }
  </code></pre>
  
  <p>}</p>
  
  <p>I want that user clicking on list item, go to YoutubeScreen.
  This sectionlist is included in a Source Screen:</p>
  
  <pre><code>export default class Source extends Component {
  render() {
  
      return (
  
          &lt;Container&gt;
              &lt;Header style={styles.Header}&gt;
                  &lt;Left&gt;
                      &lt;Button transparent&gt;
                          &lt;Icon name='menu' onPress={()=&gt;
                          this.props.navigation.navigate('DrawerOpen')}/&gt;
                      &lt;/Button&gt;
                  &lt;/Left&gt;
                  &lt;Body style={styles.Body}&gt;
                      &lt;Text style={{color:'#ffffff'}}&gt;Source&lt;/Text&gt;
                  &lt;/Body&gt;
                  &lt;Right /&gt;
              &lt;/Header&gt;
              &lt;Content style={styles.Content}&gt;
                  &lt;SectionListView/&gt;
              &lt;/Content&gt;
          &lt;/Container&gt;
      );
  }
  </code></pre>
  
  <p>}</p>
  
  <p>My error is "can<code>t find navigate variable" in section list.I don</code>t understand how pass navigation or navigate. </p>