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 />
    );
  }
}

我对自己在做什么错感到非常困惑。一个想法是，反应导航可能未正确安装，但是除了使用npm install --save react-navigation外，我不知道我还需要做什么。

Answer 1

我遇到了同样的问题，然后我在终端上运行了

npm install --save @react-native-community/masked-view

import {createAppContainer} from "react-navigation" 
import {createStackNavigator} from "react-navigation-stack"

Answer 2

react-navigation团队最近将标签页和堆栈导航器提取到了外部存储库。您需要改为：

import { createStackNavigator } from "react-navigation-stack";

显然，您需要先安装它：

npm i react-navigation-stack @react-native-community/masked-view

您还需要将此导航器包装在

中

createAppContainer()