reactjs - TypeError: (0, _reactNavigation.default) 不是函数。反应原生

Question

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

TypeError: (0, _reactNavigation.default) 不是函数。

我的 Routes.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>
        )
    }
}

有什么帮助吗？？

标签： reactjsreact-nativereact-native-androidreact-navigationreact-navigation-stack

Answer 1

从文档中可以看出，它应该是命名导入，而不是默认导入。

import { createAppContainer } from 'react-navigation';

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