Javascript 反应本机导航V3使应用程序崩溃

您好，我正在尝试在我的react本机应用程序中实现导航，该应用程序不会启动，当启动时会显示此错误。。。。（0，_reactNavigation.StackNavigator）不是函数！！ 下面的代码大部分是从这个博客复制粘贴的 . 我知道由于react navigation V3中的更新，您必须在导出它之前将StackNavigator包装在createAppContainer函数中，所以我在这里还做了什么错误

//the app.js code 

import React, {Component} from 'react';

import {Platform, StyleSheet, Text, View} from 'react-native';
import {StackNavigator, createAppContainer} from 'react-navigation';
import Settings from './firstScreen';
import Home from './secondScreen';
import AppNavigator from './navigationControl';



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

---

---

你安装过npm吗

npm install 

---

如果您接受了一个现有的项目，您需要它。

将

StackNavigator

更改为

createStackNavigator

替换这个

import {StackNavigator, createAppContainer} from 'react-navigation

对此

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

用这样的东西

 import {createStackNavigator, createAppContainer} from 'react-navigation'; const MainNavigator = createStackNavigator({ 
Home: {screen: HomeScreen}, 
Profile: {screen: ProfileScreen}, }); 
const App = createAppContainer(MainNavigator); 
export default App;

删除主页和设置类前面的

export

，因为您已经在类的底部添加了

export default

npm install 

import {StackNavigator, createAppContainer} from 'react-navigation

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

 import {createStackNavigator, createAppContainer} from 'react-navigation'; const MainNavigator = createStackNavigator({ 
Home: {screen: HomeScreen}, 
Profile: {screen: ProfileScreen}, }); 
const App = createAppContainer(MainNavigator); 
export default App;