React Navigation - StackNavigator nested in DrawerNavigator

navigation.jsx

import React from 'react';
import { StackNavigator, DrawerNavigator } from 'react-navigation';

import ScreenOne from '../screens/ScreenOne';
import ScreenTwo from '../screens/ScreenTwo';

import SideBar from '../components/SideBar';

const AppNavigator = StackNavigator({
    FirstScreen: {
        screen: ScreenOne,
    },
    SecondScreen: {
        screen: ScreenTwo,
    }
}, {
    headerMode: 'none'
});

export default MainNavigator = DrawerNavigator({
    Main: {
        screen: AppNavigator,
    }
}, {
    contentComponent: props => <SideBar {...props} />
});