title: Undefined is not a function near _reactNavigation.StackNavigator
body: <p>I want to setup a <code>React Native</code> app with a <code>side menu</code> and a <code>tab menu</code> at the same time.</p>
  
  <p>I was following <a href="https://medium.com/async-la/react-navigation-stacks-tabs-and-drawers-oh-my-92edd606e4db" rel="nofollow noreferrer">this</a> tutorial.</p>
  
  <p><a href="https://snack.expo.io/SyWL2eDZ4" rel="nofollow noreferrer">My code</a>.</p>
  
  <p>I get the error:</p>
  
  <blockquote>
    <p>undefined is not a function (near '...(0 , _reactNavigation.TabNavigator)...')</p>
  </blockquote>
  
  <p>Which you can see here:</p>
  
  <p><a href="https://i.stack.imgur.com/HohZP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HohZP.png" alt="enter image description here"></a></p>
  
  <p>Preview of some of the files:</p>
  
  <p><strong>App.js</strong></p>
  
  <pre><code>import React from 'react';
  import { Drawer } from './src/navigators';
  
  export default class App extends React.Component {
    render() {
      return (
        &lt;Drawer /&gt;
      );
    }
  }
  </code></pre>
  
  <p><strong>navigators.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import {
    StyleSheet,
    Text,
    View
  } from 'react-native';
  
  // Navigators
  import { DrawerNavigator, StackNavigator, TabNavigator } from 'react-navigation'
  
  // StackNavigator screens
  import ItemList from './ItemList'
  import Item from './Item'
  
  // TabNavigator screens
  import TabA from './TabA'
  import TabB from './TabB'
  import TabC from './TabC'
  
  // Plain old component
  import Plain from './Plain'
  
  export const Stack = StackNavigator({
    ItemList: { screen: ItemList },
    Item: { screen: Item },
  }, {
    initialRouteName: 'ItemList',
  })
  
  export const Tabs = TabNavigator({
    TabA: { screen: TabA },
    TabB: { screen: TabB },
    TabC: { screen: Stack },
  }, {
    order: ['TabA', 'TabB', 'TabC']
  })
  
  export const Drawer = DrawerNavigator({
    Stack: { screen: Stack },
    Tabs: { screen: Tabs },
    Plain: { screen: Plain },
  })
  </code></pre>