无法在DrawerNavigator中嵌套bottomTabNavigator

Question

我正在尝试使用React Navigation库在BotterNavigator中嵌套bottomTabNavigator，但是出现了一个错误，告诉我使用React组件或Navigator来处理DrawerNavigator的路径。

这是我创建DrawerNavigator的DrawerNavigator.js文件。

import React, { Component } from 'react';
import {createDrawerNavigator} from 'react-navigation';
import SideBar from '../components/SideBar';
import MainTabNavigator from './MainTabNavigator';

export default createDrawerNavigator({
    Home: {
        screen: MainTabNavigator,
    }
},{
    contentComponent: SideBar
})

这是我创建bottomTabBarNavigator的MainTabNavigator.js文件

const MainTabNavigator = createBottomTabNavigator({
    Home: HomeStack,
    MultiBar: {
        screen: () => null,
        navigationOptions: ({navigation}) => ({
            tabBarIcon: () => (
                <CustomTabBarBottom />
            )
        }),
        params: {
            navigationDisabled: true
        }
    },
    Video: VideoStack

}, {
  tabBarComponent: props =>
    <TabBarComponent
      {...props}
    />,
    tabBarOptions: {
    showLabel: false,

  },

});


export default MainTabNavigator;

请仔细研究并告诉我，如果我错过了什么，请提前感谢！