我正在尝试使用 DrawerNavigator 在我的应用程序中的一些记录页面之间导航。当我向右滑动时它会打开,但当我选择一个项目时它不会改变视图。
我正在 Android 设备上运行该应用程序。
应用程序.js
import React, { Component } from 'react';
import RootNavigator from './navigation/AppNavigator';
class App extends Component {
render() {
return <RootNavigator />
}
}
export default App;
应用导航器.js
import { createSwitchNavigator, createAppContainer, createDrawerNavigator } from "react-navigation";
import SplashScreen from '../features/SplashScreen/SplashScreen';
import HomePage from '../features/HomePage/HomePage';
import LoginPage from '../features/LoginPage/LoginPage';
import ProfilePage from '../features/ProfilePage/ProfilePage';
import SchedulePage from '../features/SchedulePage/SchedulePage';
export const LoggedIn = createDrawerNavigator(
{
HomePage: {
screen: HomePage,
},
ProfilePage: {
screen: ProfilePage
},
SchedulePage: {
screen: SchedulePage
},
},
{
initialRouteName: 'HomePage'
}
);
const rootNavigator = createSwitchNavigator(
{
SplashScreen: SplashScreen,
LoggedIn: LoggedIn,
LoginPage: {
screen: LoginPage,
navigationOptions: {
header: null
}
}
},
{
headerMode: 'none',
initialRouteName: "SplashScreen"
}
);
export default createAppContainer(rootNavigator);
导航到主页 登录完成后,它使用以下命令重定向到主页:
this.props.navigation.navigate('HomePage');
登录后,我被重定向到主页,这就是我向右滑动时看到的内容,但单击它们不会改变任何内容。
这是我的第一个反应原生项目,所以我不太确定我在做什么。