React native 如何使用tab navigator在一个页面中创建两个抽屉

我无法打开两边的两个抽屉。我可以只在一边打开，或者我可以找到不平行的抽屉，但我需要平行的抽屉

react导航v3

import React from 'react';
import {Dimensions} from 'react-native';
import { 
createAppContainer,
createDrawerNavigator,
createStackNavigator,
 } from 'react-navigation';
 import MenuDrawer from './components/MenuDrawer';

const WIDTH = Dimensions.get('window').width;
const DrawerConfig = { 
     drawerWidth: WIDTH*0.83,
     drawerPosition:'left',
     initialRouteName:'DrawerLeftStackNavigator',
     contentComponent: ({navigation}) => {
         return(<MenuDrawer/>)
     },
     drawerOpenRoute: 'LeftSideMenu',
     drawerCloseRoute: 'LeftSideMenuClose',
     drawerToggleRoute: 'LeftSideMenuToggle',
     }
     const DrawerConfig1 = {
      drawerWidth: WIDTH*0.83,
      drawerPosition:'right',
      initialRouteName:'DrawerRightStackNavigator',
      contentComponent: ({navigation}) => {
          return(<MenuDrawer/>)
      },
      drawerOpenRoute: 'RightSideMenu',
      drawerCloseRoute: 'RightSideMenuClose',
      drawerToggleRoute: 'RightSideMenuToggle',
      }
const StackDrawers = createStackNavigator({
  --->  RightDrawer: DrawerRight, (It gives error for this line first.)
  LeftDrawer: DrawerLeft,
  });
const DrawerLeft = createDrawerNavigator({
DrawerLeftStackNavigator,
},
{DrawerConfig}); 
const DrawerLeftStackNavigator = createStackNavigator ({
  Liveresults:bir,
  Standings: uc,
},
{initialRouteName: Liveresults})
const DrawerRight = createDrawerNavigator({
 DrawerRightStackNavigator,
  },
  {DrawerConfig1}); 
  const DrawerRightStackNavigator = createStackNavigator ({
    Canlısonuçlar:bir,
    Puandurumu: uc,
})
  export default createAppContainer(StackDrawers);

从“React”导入React；
从“react native”导入{Dimensions}；
导入{
createAppContainer，
createDrawerNavigator，
createStackNavigator，
}从“反应导航”；
从“./components/MenuDrawer”导入MenuDrawer；
const WIDTH=Dimensions.get（'window'）.WIDTH；
常量抽屉配置={
抽屉宽度：宽度*0.83，
抽屉位置：'左'，
initialRouteName:'DrumerletsTackNavigator'，
contentComponent:（{navigation}）=>{
返回（）
},
DroperRopenRoute:“LeftSideMenu”，
抽屉闭合路线：“LeftSideMenuClose”，
DroperTogglerOute:“LeftSideMenuToggle”，
}
常数抽屉配置1={
抽屉宽度：宽度*0.83，
抽屉位置：'右'，
initialRouteName:'DrumerRightStackNavigator'，
contentComponent:（{navigation}）=>{
返回（）
},
抽屉路径：“右侧菜单”，
抽屉闭合路线：“右侧菜单闭合”，
抽屉切换按钮：“RightSideMenuToggle”，
}
const StackDrawers=createStackNavigator({
--->RightDrawer:DrawerRight，（它首先给出此行的错误。）
LeftDrawer:DrawerLeft，
});
const DrawerLeft=createDrawerNavigator({
抽屉式导航器，
},
{DrawerConfig}）；
const DrawerLeftStackNavigator=createStackNavigator({
肝脏结果：比尔，
排名：加州大学，
},
{initialRouteName:Liveresults}）
const DrawerRight=createDrawerNavigator({
抽屉式导航器，
},
{drawerconfig}）；
const DrawerRightStackNavigator=createStackNavigator({
Canlısonuçlar:bir，
普安杜鲁木：坎特伯雷大学，
})
导出默认createAppContainer（堆栈抽屉）；

---

抽屉必须平行打开，两边也必须分开，两个按钮各一个。

制作一个导航器，设置位置以适合要显示的抽屉。并通过命令解决此问题

• StackNavigator
  • 左撇子
    • LeftDrawScreenStackNavigator
  • 右抽屉
    • RightDrawScreenStackNavigator

抽屉导航器结构如下：

const LeftDrawer=createDrawerNavigator(
{
LeftStack，
},
{
initialRouteName:'LeftStack'，
抽屉位置：'左'，
contentComponent:props=>，
DroperRopenRoute:“LeftSideMenu”，
抽屉闭合路线：“LeftSideMenuClose”，
DroperTogglerOute:“LeftSideMenuToggle”，
},
);

命令

this.props.navigation.openDrawer（'LeftSideMenu'）；
this.props.navigation.closeDrawer（'LeftSideMenuClose'）；
this.props.navigation.toggleDrawer（'LeftSideMenuToggle'）；
或
this.props.navigation.dispatch（DrawerActions.openDrawer（'LeftSideMenu'）；
this.props.navigation.dispatch（DrawerActions.closeDrawer（'LeftSideMenuClose'）；
this.props.navigation.dispatch（DrawerActions.toggleDrawer（'LeftSideMenuToggle'）；

我试过了，但当我创建这个系统时。我收到此错误“路由'RightDrawer'的组件必须是react组件”。其中是

RightDrawer

？它是堆栈导航器RightDrawer下的路由名称：DrawerRight变量名称是否相同？@UmutcanCeyhan在底部定义堆栈导航器。