AppNavigator

import React from 'react';
import { createAppContainer, createDrawerNavigator } from 'react-navigation';
import { Ionicons } from '@expo/vector-icons';

import Home from '../src/pages/Home';
import SugestionPage from '../src/pages/SugestionPage';

import Menu from '../src/navigation/Menu';

export default createAppContainer(createDrawerNavigator({
  Home: Home,
  SugestionPage: SugestionPage
},
{
  contentComponent: Menu
}));

Menu.js

import React, { Component } from "react";
import {NavigationActions} from 'react-navigation';

import { Ionicons } from '@expo/vector-icons';

import kiss from '../../assets/images/kiss.png';
import logo from '../../assets/images/hookah.png';

import { View, TouchableOpacity, Text, Image } from "react-native";

export default class Menu extends Component {
  navigateToScreen = route => () => {
    const navigateAction = NavigationActions.navigate({
      routeName: route
    });
    this.props.navigation.dispatch(navigateAction);
  };

  render() {
    return (
      <View
        scrollsToTop={false}
        style={{
          flex: 1,
          backgroundColor: "rgb(235, 233, 244)",
          paddingTop: 20
        }}
      >
        <View
          style={{
            flex: 0,
            paddingVertical: 20,
            justifyContent: "center",
            alignItems: "center",
            borderBottomWidth: 1,
            borderColor: "rgba(131, 120, 175, 0.15)"
          }}
        >
          <Ionicons name="icon-hookah" size={32} color="green" />
        </View>

        <TouchableOpacity
          onPress={this.navigateToScreen('Home')}
          style={{
            flex: 0,
            justifyContent: "center",
            alignItems: "center",
            paddingHorizontal: 10,
            paddingVertical: 20,
            borderBottomWidth: 1,
            borderColor: "rgba(131, 120, 175, 0.15)"
          }}
        >
          <Image source={logo} />
          <Text
            style={{
              fontFamily: "open-sans-bold",
              paddingTop: 10,
              fontSize: 10,
              textAlign: "center",
              color: "#6b59b4"
            }}
          >
            HOME
          </Text>
        </TouchableOpacity>

        <TouchableOpacity
          onPress={this.navigateToScreen('SugestionPage')}
          style={{
            flex: 0,
            justifyContent: "center",
            alignItems: "center",
            paddingHorizontal: 10,
            paddingVertical: 20,
            borderBottomWidth: 1,
            borderColor: "rgba(131, 120, 175, 0.15)"
          }}
        >
          <Image source={kiss} />
          <Text
            style={{
              fontFamily: "open-sans-bold",
              paddingTop: 10,
              fontSize: 10,
              textAlign: "center",
              color: "#6b59b4"
            }}
          >
            SUGERIR MIX
          </Text>
        </TouchableOpacity>
      </View>
    );
  }
}