TypeError：（0，_reactNavigation.default）不是函数。 React Native

Question

我正在使用React Navigation Version 4，并在设置完导航和所有屏幕并运行代码后，我面临以下问题：

TypeError：（0，_reactNavigation.default）不是一个函数。

我的路线，Js是-

import React from 'react';
import createAppContainer from 'react-navigation';
import { createStackNavigator, HeaderBackButton } from 'react-navigation-stack';
import { Drawer } from './Drawer';
import LoginScreen from '../screens/LoginScreen';
import InitialScreen from '../screens/InitialScreen';
import LogoutScreen from '../screens/LogoutScreen';

const RootStack = createStackNavigator(
    {
        Drawer: { 
            screen: Drawer
        },
        LoginScreen: {
            screen: LoginScreen
        },
        LogoutScreen: {
            screen: LogoutScreen
        }
        InitialScreen: {
            screen: InitialScreen
        }
    },
    {
        initialRouteName: 'InitialScreen',
        headerMode: "none"
    }
)

const App = createAppContainer(RootStack);

export default App;

并且Index.js是-

import React, { Component } from 'react';
import { StyleSheet, AsyncStorage } from 'react-native';
import { Button, Text, Drawer } from 'native-base';
import App from './config/Routes';
import AppHeader from './components/Header/Header';

export default class Index extends Component {
    render() {
        const { globalContainer } = styles;
        return (
            <App 
                style={ globalContainer } 
                navigation={this.props.navigation}>
            </App>
        )
    }
}

有帮助吗？

Answer 1

documentation中显示它应该是命名的导入，而不是默认的导入。

import { createAppContainer } from 'react-navigation';

请阅读文档。在调试时，它也是一个很好的第一位。