javascript - createStackNavigator 不是一个函数

Question

我正在构建我的第一个练习应用程序，并尝试使用 createAppNavigator 在屏幕之间组合导航。

但是，一旦我尝试使用 createAppNavigator我收到以下错误。

.

相关代码:

App.js

import React from 'react';
import { Home } from './app/views/Home.js';
import { Contact } from './app/views/Contact.js';
import { createStackNavigator } from 'react-navigation';

const MyRoutes = createStackNavigator({
    HomeRT: { screen: Home },
    ContactRT: { screen: Contact },
  },
  { 
    initialRouteName: 'HomeRT' 
  }
);

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

我真的很困惑我做错了什么。一种想法是，也许 react 导航没有正确安装，但超出使用 npm install --save react-navigation ，我不知道我还需要做什么。

Answer 1

从@react-navigation/stack切换到@react-navigation/native-stack时也会发生这种情况，导入的函数名称不同:

使用/stack:

import { createStackNavigator } from '@react-navigation/stack';

使用/native-stack

import { createNativeStackNavigator } from '@react-navigation/native-stack';

如果您忘记修改导入的函数，您将收到相同的错误消息。