Reactjs AppNavigator未导出所需页面
AppNavigator不会导出我的SplashScreen页面,即使在SplashScreen页面上声明并读取了变量 我曾尝试使用createDrawerNavigator,但得到了相同的结果。我已尝试使用以下命令重置缓存: rm-rf节点模块和npm安装 npm启动--重置缓存 我已尝试重新安装createDrawerNavigator 错误如下: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
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;你想这样试试吗?