无法解决React-Navigation

我是React Native的新手 我正在尝试在我的Project的Routes.js中运行react-native-router-flux

import React,{ Component } from 'react';
import {Router,Stack,Scene} from 'react-native-router-flux';
import Login from'./pages/Login';
import Signup from './pages/Signup';

export default class Routes extends Component<{}> {
render() {
    return(
        <Router>
            <Stack key="root" hideNavBar={true}>
                <Scene key="login" component={Login} title="Login" initial={true}/>
                <Scene key="signup" component={Signup} title="Register"/>
            </Stack>
        </Router>
        )
    }
}  

尽管我遇到了这个错误:

Unable to resolve "./createNavigationContainer" from "node_modules\react-navigation\src\react-navigation.js"

由于我没有导入反应导航,所以我不明白为什么会弹出此窗口。 你能帮我吗?

juntz 回答:无法解决React-Navigation

正在弹出,因为您没有导入反应导航。它取决于反应导航,您需要先进行设置,然后检查"Getting Started"中的第一项。这是用于反应导航的替代API,因此您需要先进行设置。

编辑:问题已被编辑,因此实际上不再适用。我认为这是一个版本控制问题:它要求的内容已不再是版本3中的反应导航的一部分,而版本3则使用createAppContainer。因此,或者您已经使用较旧的API设置了反应导航,而该API无法正常工作,或者您使用的flux路由器版本存在问题

再次编辑:仔细阅读通量路由器的文档 。您使用的版本基于react-navigation 2,您使用的react-navigation版本是4,API不同。

要安装特定版本的软件包,请在安装命令上的软件包名称后使用@,对于yarn而言:

yarn add react-navigation@4.x

或者npm

npm install --save react-native-router-flux@4.2.0-beta.1

我建议升级flux路由器,而不是降级反应导航。

请注意,React导航5 (几乎已准备就绪,可以分解成较小的包,并且可以使用@next版本进行安装)具有基于React组件的界面,该界面相当与通量路由器如何定义路由类似。 编辑:React Navigation v5现在已经处于Beta版和AFAICS生产就绪状态(轶事:到目前为止,我还没有遇到任何bug,并且正在生产中使用它),所以我可能建议您使用它,而不是在其他库上分层顶部。

本文链接:https://www.f2er.com/2822877.html

大家都在问