React-Navigation показывает нижнее меню и меню Drawer на одном экране

Question

Я использую React-Navigation, и я хочу, чтобы меню нижней вкладки и меню ящика. Думаю, я немного подружился, но немного застрял. В любом случае вот мои коды:

import { createStackNavigator, 
   createAppContainer, 
   createBottomTabNavigator,
   createDrawerNavigator
} from 'react-navigation';
//import my screens... etc

class HomeScreen extends React.Component { 

//Other contents.....

//Create my main navigation stacks here
const Home = createStackNavigator({
   HomeScreen,
   Screen1,
   Screen2,
   SettingScreen,
   ProfileScreen,
   //......etc.
});

//navigation stack for the bottom tab menu
const CalendarScreen = createStackNavigator({ myCalendar });
const GraphScreen = createStackNavigator({ myGraph });

//Botton Tab menu
const TabNavigator = createBottomTabNavigator({
   Home, CalendarScreen, GraphScreen
});

//Drawer menu
const DrawerNavigator = createDrawerNavigator(
   {
     Tab: { screen: TabNavigator },
     Setting: { screen: SettingScreen }, 
     Profile: { screen: ProfileScreen }
   },
   {
     drawerWidth: 300,
     drawerPosition: 'right',
   }
);

export default createAppContainer(DrawerNavigator);

}

В результате экран загружается с отображением нижнего меню, а при пролистывании с правой стороны открывается меню ящика.

Проблема в том, что он отображает «Tab» как одно из меню в меню Draw. И если я нажму на «Настройка» или «Профиль», он закроет / скроет нижнее меню. Мне пришлось нажать «Вкладку» в меню «Ящик», чтобы снова отобразить меню «Вниз».

Чего я хочу добиться, так это чтобы меню Bottom всегда показывалось, а в меню выдвижного ящика оставались только «Настройки» и «Профиль». Как мне этого добиться?