javascript - DrawerNavigator - 未定义是一个函数

Question

当我在虚拟设备上运行我的 android 应用程序时，它抛出错误 Undefined is not a function

我试图在我的代码中将“AppDrawerNavigator”替换为“App”，它解决了问题，但在控制台中产生了另一个“重复声明“App””错误。这是我的代码:

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import { DrawerNavigator } from 'react-navigation';
import HomeScreen from './screens/HomeScreen';

export default class App extends Component {
  render() {
    return (
      <AppNavigationDrawer />
    );
  }
}

const AppNavigationDrawer = DrawerNavigator({
  Home: {screen: HomeScreen},
  });

错误

undefined is not a function (evaluating '(0, _reactNavigation.DrawerNavigator)({ Home: {screen: _HomeScreen2.default}, });)

Answer 1

DrawerNavigator 似乎不在其主要导出的命名导出 中file在 react-navigation@latest

中

而是将其导入为 createDrawerNavigator

import { createDrawerNavigator } from 'react-navigation';