在react native / native base中尝试将抽屉导航器嵌套在switchNavigator中时出错

Question

在模拟器中运行IOS应用程序时，出现此错误。

这是我的相关代码。

import {createSwitchNavigator, createAppContainer} from "react-navigation"
import SideBar from "../App/Components/SideBar"
import createDrawerNavigator from "react-navigation-drawer";

//Components
import Login from "../App/Views/Login"
import Categories from "../App/Views/Categories"
import UserProfile from "../App/Views/UserProfile"


const BataDrawerNagivator = createDrawerNavigator({
  Dashboard: {screen: SideBar }
});

const BataNavigator = createSwitchNavigator({
    LoginScreen: Login,
    CategoriesScreen: Categories,
    UserProfileScreen: UserProfile,
    Dashboard:{ screen: BataDrawerNagivator}
  });


  export default createAppContainer(BataNavigator);

我已经在线阅读了多个具有相同错误的资源，但所有答案似乎都是在使用已过时的依赖关系，在这里我不认为是这种情况。

有趣的是，每个导航都可以单独正常运行，但是当我尝试嵌套它们时，就会抛出此错误。

Answer 1

您收到此错误，因为您错误地导入了createDrawerNavigator更改

import createDrawerNavigator from "react-navigation-drawer";

to

import {createDrawerNavigator} from "react-navigation-drawer";

希望这会有所帮助！