Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs AppNavigator未导出所需页面_Reactjs_React Native - Fatal编程技术网

Reactjs AppNavigator未导出所需页面

Reactjs AppNavigator未导出所需页面,reactjs,react-native,Reactjs,React Native,AppNavigator不会导出我的SplashScreen页面,即使在SplashScreen页面上声明并读取了变量 我曾尝试使用createDrawerNavigator,但得到了相同的结果。我已尝试使用以下命令重置缓存: rm-rf节点模块和npm安装 npm启动--重置缓存 我已尝试重新安装createDrawerNavigator 错误如下: Unable to resolve module `./navigation/AppNavigator` from `/Users/jasey

AppNavigator不会导出我的SplashScreen页面,即使在SplashScreen页面上声明并读取了变量

我曾尝试使用createDrawerNavigator,但得到了相同的结果。我已尝试使用以下命令重置缓存: rm-rf节点模块和npm安装 npm启动--重置缓存

我已尝试重新安装createDrawerNavigator

错误如下:

Unable to resolve module `./navigation/AppNavigator` from 
`/Users/jaseyacey/Desktop/beermeapp4/screens/Splash.Screen.js`: 
The module `./navigation/AppNavigator` could not be found from 
`/Users/jaseyacey/Desktop/beermeapp4/screens/Splash.Screen.js`. 
Indeed, none of these files exist:
import React, {Component } from 'react';
import {Image, View } from 'react-native';
import { inject } from 'mobx-react';
import AppNavigator from './navigation/AppNavigator';
import { createDrawerNavigator } from 'react-navigation-drawer';

@inject("stores")
class SplashScreen extends Component {
    constructor(props) {
        super(props)
    }
    componentDidMount() {
        const {stores, navigation } = this.props;
        setTimeout(() => {
            navigation.navigate("Login")
        }, config.store.SplashTime )
    }
    render() {
        const { stores } = this.props
        return (
            <View style={{flex: 1}}>
                <image style={{flex: 1, width: null, height: null}} source= {config.store.SplashImg}/>
            </View>
        )
    }
}

export default AppNavigator;
SplashScreen代码如下所示:

Unable to resolve module `./navigation/AppNavigator` from 
`/Users/jaseyacey/Desktop/beermeapp4/screens/Splash.Screen.js`: 
The module `./navigation/AppNavigator` could not be found from 
`/Users/jaseyacey/Desktop/beermeapp4/screens/Splash.Screen.js`. 
Indeed, none of these files exist:
import React, {Component } from 'react';
import {Image, View } from 'react-native';
import { inject } from 'mobx-react';
import AppNavigator from './navigation/AppNavigator';
import { createDrawerNavigator } from 'react-navigation-drawer';

@inject("stores")
class SplashScreen extends Component {
    constructor(props) {
        super(props)
    }
    componentDidMount() {
        const {stores, navigation } = this.props;
        setTimeout(() => {
            navigation.navigate("Login")
        }, config.store.SplashTime )
    }
    render() {
        const { stores } = this.props
        return (
            <View style={{flex: 1}}>
                <image style={{flex: 1, width: null, height: null}} source= {config.store.SplashImg}/>
            </View>
        )
    }
}

export default AppNavigator;

您应该将启动屏幕添加到应用程序导航器中,在这里,您将使用导航类型drawer navigation创建一个应用程序容器,并将包含启动屏幕的应用程序导航器导出为第一个导航屏幕

我的项目还没有启动屏幕,但您可以在此处看到我是如何配置我的应用程序导航的:


或者你可以在这里查看他们的文档:

我想导航在主目录中。从“../navigation/AppNavigator”导入AppNavigator;你想这样试试吗?