React navigation - скрыть пользовательский интерфейс из основного стека при переходе к вложенному стеку

Question

Как мне скрыть пользовательский интерфейс в основном стеке при переходе к вложенному стеку ящиков?

В настоящее время заголовок из основного стека отображается над заголовком во вложенном стеке, когда я перехожу к экран, используя:

navigation.navigate('Drawer', {screen: 'About'});

Навигатор:

function DrawerStack() {
    return (
        <Drawer.Navigator>
            <Drawer.Screen name="Video Episodes" component={VideoEpisodesScreen} />
            <Drawer.Screen name="Test Yourself" component={TestYourselfScreen} />
            <Drawer.Screen name="My Results" component={MyResultsScreen} />
            <Drawer.Screen name="About" component={AboutScreen} />
            <Drawer.Screen name="Tests" component={TestsScreen} />
            <Drawer.Screen
                name="Bookmarked Videos"
                component={BookmarkedVideosScreen}
            />
        </Drawer.Navigator>
    );
}

export default function AppNavigator() {
    return (
        <NavigationContainer>
            <Stack.Navigator>
                <Stack.Screen
                    name="Home"
                    component={HomeScreen}
                    options={stackOptions}
                />
                <Stack.Screen
                    name="Drawer"
                    component={DrawerStack}
                    options={drawerOptions}
                />
                <Stack.Screen
                    name="MyResultsScreen"
                    component={MyResultsScreen}
                    options={options}
                />
            </Stack.Navigator>
        </NavigationContainer>
    );
}

Answer 1

Вы можете скрыть заголовок навигации по стеку, установив для параметра headerShown значение false. Я не уверен, как настроен drawerOptions, но я думаю, что вы могли бы сделать что-то подобное в yout <Stack.Navigator>

<Stack.Screen
    name="Drawer"
    component={DrawerStack}
    options={{...drawerOptions, headerShown: false}}
/>