Реагировать на нативную проблему Nested Navigation

Question

Я сохраняю стек навигатора на навигаторе ящика. У меня 2 проблемы. Во-первых, меню не должно появляться на странице при открытии приложения. Имя компонента, которое я использовал при регистрации, не должно появляться на странице, которую я указывал позже. Я не мог решить эту проблему. Вы можете мне помочь?

const Stack = createStackNavigator();
const Drawer = createDrawerNavigator();
function Menu() {
    return (
        <Stack.Navigator headerMode="none" lazy={false}>
            <Stack.Screen name="Home" component={HomeScreen} />
            <Stack.Screen name="Login" component={LoginScreen} />
            <Stack.Screen name="Verify" component={VerifyScreen} />
            <Stack.Screen name="Tarih" component={Datepicker} options={{
                animationEnabled: false,
            }} />
            <Stack.Screen name="Otel" component={SearchedHotel} options={{
                animationEnabled: false,
            }} />
            <Stack.Screen name="Bölge" component={Regions} options={{
                animationEnabled: false,
            }} />
            <Stack.Screen name="Web" component={OtelScanner} options={{
                animationEnabled: false,
            }} />
        </Stack.Navigator>
    );
}

function Routing(props) {
    return (
        <React.Fragment>
            <IconRegistry icons={EvaIconsPack} />
            <ApplicationProvider mapping={mapping} theme={lightTheme}>
                <NavigationContainer>
                    <Drawer.Navigator>
                        <Drawer.Screen name="Login" component={LoginScreen} />
                        <Drawer.Screen name="Menu" component={Menu} />
                    </Drawer.Navigator>
                </NavigationContainer>
            </ApplicationProvider>
        </React.Fragment >
    );
}

Answer 1

Внутри <NavigationContainer /> у вас должно быть <StackNavigator /> вместо <DrawerNavigator />

Пример: NavigationContainer

<NavigationContainer>
    <Stack.Navigator initialRouteName="Login">
        <Stack.Screen name="Login" component={LoginScreen} />
        <Stack.Screen name="Menu" component={Menu} />
    </Stack.Navigator>
</NavigationContainer>

Пример: Menu

function Menu() {
    return (
       <Drawer.Navigator headerMode="none" lazy={false}>
            <Drawer.Screen name="Home" component={HomeScreen} />
            <Drawer.Screen name="Login" component={LoginScreen} />
            <Drawer.Screen name="Verify" component={VerifyScreen} />
            <Drawer.Screen name="Tarih" component={Datepicker} options={{
                animationEnabled: false,
            }} />
            <Drawer.Screen name="Otel" component={SearchedHotel} options={{
                animationEnabled: false,
            }} />
            <Drawer.Screen name="Bölge" component={Regions} options={{
                animationEnabled: false,
            }} />
            <Drawer.Screen name="Web" component={OtelScanner} options={{
                animationEnabled: false,
            }} />
        </Drawer.Navigator>
    );
}