React native 我想创建两个导航菜单

React native 我想创建两个导航菜单,react-native,react-navigation,React Native,React Navigation,我已经有一个菜单是menuComponent,我还想要一个新的菜单是profileComponent const AppDrawer = createDrawerNavigator( { App: AppStack }, { contentComponent: MenuComponent, drawerWidth: 290, }, ); import { createStackNavigator, createAp

我已经有一个菜单是menuComponent,我还想要一个新的菜单是profileComponent

const AppDrawer = createDrawerNavigator(
    {
        App: AppStack
    },
    {
        contentComponent: MenuComponent,
        drawerWidth: 290,
    },
);
import { createStackNavigator, createAppContainer, createSwitchNavigator, createDrawerNavigator } from 'react-navigation';

import LoginScreen from './screens/LoginScreen';
import RegisterScreen from './screens/RegisterScreen';
import HomeScreen from './screens/HomeScreen';
import MenuScreen from './screens/MenuScreen';
import ProfileScreen from './screens/ProfileScreen';
import PostScreen from './screens/PostScreen';
import MenuComponent from './components/MenuComponent';
import ProfileComponent from './components/ProfileComponent';

import AuthLoadingScreen from './utils/AuthLoading';

// Screens when user is logged
const AppStack = createStackNavigator(
    {
        Home: HomeScreen,
        Menu: MenuScreen,
        Post: PostScreen,
    },
    {
        headerMode: 'none',
        navigationOptions: {
            headerVisible: false,
        },
    }
);
const AppProfile = createStackNavigator(
    {
        Profile: ProfileScreen,
    },
    {
        headerMode: 'none',
        navigationOptions: {
            headerVisible: false,
        },
    }
);

// Screens when user is not logged
const AuthStack = createStackNavigator(
    {
        Login: LoginScreen,
        Register: RegisterScreen,
    },
    {
        headerMode: 'none',
        navigationOptions: {
            headerVisible: false,
        },
    }
);

const AppDrawer = createDrawerNavigator(
    {
        App: AppStack
    },
    {
        contentComponent: MenuComponent,
        drawerWidth: 290,
    },
);

const ProfileDrawer = createDrawerNavigator(
    {
        App: AppProfile
    },
    {
        contentComponent: ProfileComponent,
        drawerWidth: 290,
    },
);

const Navigator = createSwitchNavigator(
    {
        AuthLoading: AuthLoadingScreen,
        App: AppDrawer,
        Auth: AuthStack,
        App2: ProfileDrawer,
    },
    {
        initialRouteName: 'AuthLoading',
    }
);

export default Navigator;