React-Native не распознает навигатор как компонент React

Question

В настоящее время я пытаюсь создать приложение, которое принимает вход в систему, и когда это будет сделано, отправлю вас на панель управления. На странице панели инструментов должен быть заголовок с ящиком, чтобы пользователь мог перемещаться по приложению. Заголовок не передается, когда я использую ящик, поэтому я видел решения, которые говорили мне, что создание каждой части ящика инструментальной панели должно указывать на другой навигатор, куда будет возвращена фактическая страница.

Когда Я пытаюсь сделать это, у меня появляется сообщение об ошибке:

Error: The component for route 'DashBoard' must be a React component. For example:

import MyScreen from './MyScreen';
...
DashBoard:MyScreen,
}

You can also use a navigator:

import MyNavigator from './MyNavigator';
...
DashBoard:MyNavigator,
}

Я не понимаю почему, я должен иметь возможность передать либо навигатор, либо экран, но он не принимает DashBoardNavigator как Компонент React. Вот код. Сообщите мне, если вам понадобится дополнительный код (например, приложение js или экраны).

import React, {Component} from 'react';
import { createAppContainer, createSwitchNavigator } from 'react-navigation'; //create switch is used for when the app launches
import { createStackNavigator } from 'react-navigation-stack';
import { createDrawerNavigator } from 'react-navigation-drawer';

import DashBoardPage from '../pages/DashBoardPage';
import AuthPage from '../pages/AuthPage';
import Colors from '../models/Colors';
import ForgotPasswordPage from '../pages/ForgotPasswordPage';

const defaultNavOptions = {
  headerStyle: {
    backgroundColor: Colors.primary,
  },
  headerTitleStyle: {
    fontFamily: 'WorkSans-VariableFont',
  },
  headerTintColor: Colors.accent,
};

const AuthNavigator = createStackNavigator(
  {
    Authentication: AuthPage,
    ForgotPassword: ForgotPasswordPage,
  },
  {
    defaultNavigationOptions: defaultNavOptions,
  }
);

const AppNavigator = createDrawerNavigator(
  {
    DashBoard: DashBoardNavigator,
  },
  {
    defaultNavigationOptions: defaultNavOptions,
  }
);

const DashBoardNavigator = createStackNavigator(
  {
    EmployeeDashBoard: DashBoardPage
  },
  {
    defaultNavigationOptions: defaultNavOptions,
  }
);

const MainNavigator = createSwitchNavigator(
  {
    Authentication: AuthNavigator,
    App: AppNavigator,
  },
  {
    defaultNavigationOptions: defaultNavOptions,
  }
);

export default createAppContainer(MainNavigator);