react-native - 尝试在反应本机/本机基础的 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);

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

有趣的是每个导航都可以单独工作，但是一旦我尝试嵌套它们，它就会抛出这个错误。

标签： react-nativenative-base

Answer 1

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

import createDrawerNavigator from "react-navigation-drawer";

至

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

希望这可以帮助！