TypeError: undefined is not a function (near '...(0,_reactNavigationStack.createDrawerNavigator)

Question

我最近更新了我的 react-native 应用程序，我遇到了这个错误。我不明白代码有什么问题。

import { createAppContainer } from 'react-navigation';
import {
  createDrawerNavigator,
  createStackNavigator,
  createSwitchNavigator,
} from 'react-navigation-stack';

// app stack
const appNavigator = createSwitchNavigator(
  {
    splashScreen: {
      screen: SplashScreen,
    },
    public: {
      screen: publicRoutes,
    },
    private: {
      screen: createDrawerNavigator(
        {
          home: privateRoutes,
        },
        {
          contentComponent: DrawerMenu,
          overlayColor: colors.overlayColor,
        },
      ),
    },
    tnc: {
      screen: TermsAndConditions,
    },
  },
  {
    headerMode: 'none',
    navigationOptions: {
      gesturesEnabled: false,
    },
  },
);

我在这里做错了什么？提前感谢您的帮助。

Answer 1

您正在尝试从“react-navigation-stack”导入 createDrawerNavigator。 你应该这样做：

import { createDrawerNavigator } from '@react-navigation/drawer';

在此处阅读有关抽屉导航器的更多信息：https://reactnavigation.org/docs/drawer-navigator/