title: React Native Native Base ListItem onPress method
body: <p>So I'm having a problem with navigating to specific screens, I want to go to the some other screen from current screen when ListItem on the current screen is pressed. 
  But when I press the item, nothing happens.</p>
  
  <p>Here's my code: </p>
  
  <p>Folder Exercises -> index.js</p>
  
  <pre><code>import React, {Component} from 'react';
  import Exercises from './Exercises';
  import ExercisePushUps from './ExercisePushUps';
  import {StackNavigator} from 'react-navigation';
  
  export default (DrawNav = StackNavigator({
    ExercisePushUps: {screen: ExercisePushUps}
  }));
  </code></pre>
  
  <p>Folder Exercises -> ExercisePushUps.js</p>
  
  <pre><code>import React from "react";
  import { StatusBar } from "react-native";
  import {Drawer} from 'native-base';
  import {Button, Text, Container, Card, CardItem, Body, Content, Header, Title, Left, Icon, Right, List, ListItem, Thumbnail} from "native-base";
  import LocalizedStrings from 'react-native-localization';
  import {DrawerNavigator, NavigationAction} from 'react-navigation';
  import SideBar from '../SideBar/SideBar';
  export default class ExercisePushUps extends React.Component {
    render() {  
      return (
        &lt;Container&gt;
          &lt;Header androidStatusBarColor="#5D4037" style={styles.headerStyle}&gt;
            &lt;Left&gt;
              &lt;Button
                transparent
                onPress={() =&gt; this.props.navigation.navigate("DrawerOpen")}
              &gt;
                &lt;Icon name="menu" /&gt;
              &lt;/Button&gt;
            &lt;/Left&gt;
            &lt;Body&gt;
              &lt;Title&gt;Test&lt;/Title&gt;
            &lt;/Body&gt;
            &lt;Right /&gt;
          &lt;/Header&gt;
  
  
          &lt;Content&gt;
  
          &lt;/Content&gt;
        &lt;/Container&gt;
      );
    }
  }
  
  const styles = {
    headerStyle: {
      backgroundColor: '#795548'
  }
  }
  </code></pre>
  
  <p>Folder Exercises -> Exercises.js (ListItem located here)</p>
  
  <pre><code>import React from "react";
  import { StatusBar } from "react-native";
  import {Drawer} from 'native-base';
  import {Button, Text, Container, Card, CardItem, Body, Content, Header, Title, Left, Icon, Right, List, ListItem, Thumbnail, Separator } from "native-base";
  import LocalizedStrings from 'react-native-localization';
  import {DrawerNavigator, NavigationAction} from 'react-navigation';
  import SideBar from '../SideBar/SideBar';
  import { StackNavigator } from "react-navigation";
  import ExercisePushUps from './ExercisePushUps';
  
  export default class Exercises extends React.Component {
    render() {  
      return (
        &lt;Container&gt;
          &lt;Header androidStatusBarColor="#5D4037" style={styles.headerStyle}&gt;
            &lt;Left&gt;
              &lt;Button
                transparent
                onPress={() =&gt; this.props.navigation.navigate("DrawerOpen")}
              &gt;
                &lt;Icon name="menu" /&gt;
              &lt;/Button&gt;
            &lt;/Left&gt;
            &lt;Body&gt;
              &lt;Title&gt;{strings.toolbarTitle}&lt;/Title&gt;
            &lt;/Body&gt;
            &lt;Right /&gt;
          &lt;/Header&gt;
  
  
          &lt;Content&gt;
          &lt;Separator bordered style={styles.separatorStyle}&gt;
              &lt;Text&gt;{strings.separator1}&lt;/Text&gt;
            &lt;/Separator&gt;
  
            &lt;ListItem style={styles.listItemStyle} onPress={() =&gt; this.props.navigation.navigate("ExercisePushUps")}&gt;
            &lt;Thumbnail style={styles.imageStyle} square size={65} source={ChestImg1} /&gt;
                &lt;Body&gt;
                  &lt;Text style={styles.textTitleStyle}&gt;{strings.chest1}&lt;/Text&gt;
                &lt;/Body&gt;
            &lt;/ListItem&gt;
          &lt;/Content&gt;
        &lt;/Container&gt;
      );
    }
  }
  </code></pre>
  
  <p>So when I press on that item on the list absolutely nothing happens. </p>
  
  <p>What have I done wrong?</p>