`createStackNavigator（）`已移至`react-navigation-stack`。

Question

我在项目中使用react-navigation，并且弹出此错误。

我搜索了此错误消息，但未找到任何结果。

（我还不能发布图片）

错误消息显示为：

`createStackNavigator()` has been moved to `react-navigation-stack`. See https://reactnavigation.org/docs/4.x/stack-navigator.html for more details.

该代码以某种方式在我朋友的机器上工作

Answer 1

如错误所言，在react-navigation版本4中，所有导航器已移至单独的存储库，因此您必须单独安装它们。

对于StackNavigator您，您必须react-navigation-stack使用以下命令进行安装：

npm i react-navigation-stack   //or yarn add react-navigation-stack

之后，转到您定义createStackNavigator和更改的文件：

import { createStackNavigator } from 'react-navigation'

至：

import { createStackNavigator } from 'react-navigation-stack'

可能会发生此错误，因为您的朋友使用了react-navigation v。3，但是您的朋友使用package.json的是react-navigation> 3版本。完成后，npm install它下载了最新版本的react-navigation（上周通过这些更改更新到了版本4）。

其他导航器也是如此。

消息来源：https：//reactnavigation.org/docs/en/stack-navigator.html

Answer 2

react-navigation-stack在版本4中安装NPM软件包，它将解决此问题。

对于StackNavigator，您必须使用以下命令安装react-navigation-stack：

npm install react-navigation-stack --save

检查https://reactnavigation.org/docs/en/hello-react-navigation.html了解更多详细信息

import React from 'react';
import { View, Text } from 'react-native';
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

class HomeScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Home Screen</Text>
      </View>
    );
  }
}

const AppNavigator = createStackNavigator({
  Home: {
    screen: HomeScreen,
  },
});

export default createAppContainer(AppNavigator);

Answer 3

1. npm install react-navigation-stack
2. npm install react-navigation
3. expo install react-native-gesture-handler react-native-reanimated
4. 使用应用容器

例子

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

const RootStack = createStackNavigator({ /* your routes here */ });
const AppContainer = createAppContainer(RootStack);

// Now AppContainer is the main component for React to render
export default AppContainer;

Answer 4

步骤1：安装react-navigation-stack通过npm i react-navigation-stack

第 2 步：移动createStackNavigator到新创建的包

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

此外：

createBottomTabNavigator也react-navigation-tabs从 react-navigation

import { createBottomTabNavigator} from "react-navigation-tabs";

Answer 5

第一：安装

npm install react-navigation-stack

其次：导入react-navigation-stack

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