在 tabNavigator 中隐藏 header

Question

我有这个导航器，我只想隐藏组件 = {PagRoutes} 中的 header（pagRoutes 是一个 tabNavigator）感谢您的帮助

export default function Routes() {
    return (
        <Stack.Navigator
            initialRouteName='Login'
            >

            <Stack.Screen
                name="Home"
                component={PagRoutes}
                options={{ 
                    title: 'Dashboard'
                }}
            />

            <Stack.Screen name="Login" component={Login}
                options={{
                    headerTitleAlign: 'center',
                    title: 'Login',
                }} />

            <Stack.Screen name="Registro" component={Registro}
                options={{
                    headerTitleAlign: 'center',
                    title: 'Registro',
                }} />
        </Stack.Navigator>
    )
}

export default function PagRoutes() {
    return (

            <Tab.Navigator>
                <Tab.Screen name="Home" component={Home} />
                <Tab.Screen name="Exercicios" component={Exercicios} />
            </Tab.Navigator>
    )
}

Answer 1

您可以为 <Stack.Screen /> 提供额外的配置。您正在寻找选项：headerShown: none。我会这样做：

<Stack.Screen
  name="Home"
  component={PagRoutes}
  options={{
    title: 'Dashboard',
    headerShown: none
  }}
/>

在 tabNavigator 中隐藏 header

Hide header in tabNavigator

react-native

react-native-navigation