React native React native Drawer Navigator打开，但单击项目不会'；不要改变看法

我正在尝试使用DroperNavigator在我的应用程序中的一些登录页面之间导航。它在我向右滑动时打开，但在我选择项目时不会更改视图

我正在安卓设备上运行应用程序

App.js

import React, { Component } from 'react';
import RootNavigator from './navigation/AppNavigator';


class App extends Component {

  render() {
    return <RootNavigator />
  }
}


export default App;

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');

登录后，我会被重定向到主页，这是我右击时看到的，但单击它们不会改变任何内容

---

这是我的第一个react本地项目，所以我不太确定我在做什么。

您可以按照这个过程进行操作。这在某种程度上对我有用。希望这有帮助

类customDrawerContentComponent扩展组件{
render（）{
返回(
名称
可移动的
电子邮件
)
}
}
const AppDrawerNavigator=createDrawerNavigator({
主页：{
屏幕：主屏幕，
导航选项：（）=>({
标题：`供应商展示'，
抽屉图标：（{tintColor}）=>(
)
})
},
搜索：{
屏幕：搜索屏幕，
导航选项：（）=>({
标题：`按搜索`
})
},
供应商：{
屏幕：主屏幕，
导航选项：（）=>({
标题：`供应商名单'，
})
},
通知：{
屏幕：通知屏幕
},
事件：EventsScreen，
地点:{
屏幕：VenueAvailability屏幕，
导航选项：（）=>({
标题：`场地可用性'，
})
},
设置：{
屏幕：设置屏幕
}
}, {
抽屉位置：'左'，
contentComponent:customDrawerContentComponent，
DropeRopenRoute:“DropeRopen”，
DroperCloseRoure:“DroperClose”，
DroperTogglerOute:“DroperToggle”，
抽屉宽度：320，
内容选项：{
activeTintColor:“#fff”，
颜色：“#030303”，
activeBackgroundColor:“#B90066”，
inactiveBackgroundColor:“#fff”，
itemsContainerStyle：{
marginHorizontal:10
},
项目样式：{
身高：40，
边界半径：60，
},
活动标签样式：{
尺寸：20，
fontWeight:“正常”
}
}
})
const AuthStackNavigator=createStackNavigator({
SplashScreen:{screen:SplashScreen}，
ModalScreen：{
屏幕：ModalScreen
},
地点通知：{
屏幕：位置通知屏幕，
导航选项：（）=>({
标题：空
})
},
登录筛选：{
屏幕：登录屏幕，
导航选项：（）=>({
标题：空
})
},
屏幕上方的标志：{
屏幕：在屏幕上方签名，
导航选项：（）=>({
标题：空
})
},
注册步骤二：{
屏幕：SignupStep2，
导航选项：（）=>({
标题：空
})
},
放弃密码：{
屏幕：放弃密码，
导航选项：（）=>({
标题：空
})
}
})
const AppSwitchNavigator=createSwitchNavigator({
AuthLoadingScreen:AuthLoadingScreen，
Auth:AuthStackNavigator，
应用程序：{
屏幕：应用程序激活器
}
})
const MyAppDrawer=createAppContainer（AppSwitchNavigator）
类应用程序扩展组件{
render（）{
返回
}
}
导出默认应用程序

类身份验证加载屏幕扩展组件{
建造师（道具）{
超级（道具）；
这是loadData（）；
}
render（）{
返回(
);
}
异步加载数据（）{
const userData=await AsyncStorage.getItem（'user'）；
this.props.navigation.navigate（userData='user'？'App'：'Auth'）；
}
}
const AppDrawerNavigator=createDrawerNavigator({
主屏幕：{屏幕：主屏幕}，
配置文件：{screen:ProfileScreen}，
单个：{screen:SingleScreen}，
});
const AuthStackNavigator=createStackNavigator({
登录：{screen:LoginScreen}，
寄存器：{screen:RegisterScreen}，
});
const AppSwitchNavigator=createSwitchNavigator({
AuthLoadingScreen:AuthLoadingScreen，
Auth:AuthStackNavigator，
应用程序：{
屏幕：应用程序激活器
}
});
导出默认createAppContainer（AppSwitchNavigator）；

@Serenity，你以为是我偷了你的代码吗？是我的代码，我可以和你分享整个项目。

class AuthLoadingScreen extends Component {
  constructor(props){
    super(props);
    this.loadData();
  }

  render(){
    return(
      <View>
        <ActivityIndicator />
      </View>
    );
  }

  async loadData(){
    const userData = await AsyncStorage.getItem('user');
    this.props.navigation.navigate(userData == 'user' ? 'App' : 'Auth');
  }
}

const AppDrawerNavigator = createDrawerNavigator({
  Home: { screen : HomeScreen },
  Profile: { screen : ProfileScreen },
  Single: { screen : SingleScreen },
});

const AuthStackNavigator = createStackNavigator({
  Login: { screen: LoginScreen },
  Register: { screen: RegisterScreen },   
});

const AppSwitchNavigator = createSwitchNavigator({
  AuthLoadingScreen: AuthLoadingScreen,
  Auth: AuthStackNavigator,
  App: {
    screen: AppDrawerNavigator
  }
});

export default createAppContainer(AppSwitchNavigator);