Error: `createNavigationContainer()` has been removed. Use `createAppContainer()` instead

Question

正如您在我的简单代码中看到的那样，我没有使用 createNavigationContainer/createAppContainer 但我收到了该错误。我不知道为什么会这样。我卡住了！

import React, { Component } from 'react';
import {Router, Stack, Scene} from 'react-native-router-flux';

import LogIn from './pages/LogIn';
import SignUp from './pages/SignUp';
import { View } from 'react-native';


export default class Routes extends React.Component {

    render(){
        return(
            <Router>
                <Stack key="root" hideNavBar={true}>
                    <Scene key="LogIn" component={LogIn} title="Login" initial={true}/>
                    <Scene key="SignUp" component={SignUp} title="SignUp"/>
                </Stack>

            </Router>

        );
    }
}

>

  "dependencies": {
    "expo": "^35.0.0",
    "react": "16.8.3",
    "react-dom": "16.8.3",
    "react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
    "react-native-gesture-handler": "~1.3.0",
    "react-native-reanimated": "~1.2.0",
    "react-native-router-flux": "^4.0.6",
    "react-native-screens": "~1.0.0-alpha.23",
    "react-native-web": "^0.11.7",
    "react-navigation": "^4.0.10",
    "react-redux": "^7.1.3",
    "react-scripts": "^3.2.0",
    "redux": "^4.0.4",
    "redux-thunk": "^2.3.0",

Answer 1

试试这个，看看它是否适合你

npm i react-navigation-stack --save

如果这不起作用，也请尝试升级您的软件包

参考 link

Answer 2

仔细阅读此重要说明，然后像这样更改 package.json 上的版本

"react-navigation": "^4.0.10",
"react-native-router-flux": "4.2.0-beta.1",

重要说明

v4.2.0-beta.x 基于 React Navigation v4.x

v4.1.0-beta.x 基于 React Navigation v3.x

v4.0.x 基于 [React Navigation v2.x]。

根据已弃用的 React Native Experimental Navigation 查看此分支和 v3 文档 API。它不受支持，可能不适用于最新的 React Native 版本。 v4.0.0-beta.x 基于 React Navigation v1.5.x。有关此版本，请参阅此分支。它也不受支持，可能不适用于最新的 React Native 版本。

Error: `createNavigationContainer()` has been removed. Use `createAppContainer()` instead

Error: `createNavigationContainer()` has been removed. Use `createAppContainer()` instead

javascript

reactjs

react-native

react-native-router-flux

react-navigation