我有一个组件，它返回一个包含几个屏幕的<Stack.Navigator>。我还有一个定制的headerLeft元素，它在单击时执行一个函数。现在，如果我在enterEmail屏幕上，我试图隐藏headerLeft，但让它在所有其他屏幕上可见。
在实现我自己的后退按钮之前，我只是使用这个命令来隐藏enterEmail屏幕上的后退按钮：

<Stack.Screen
            name="EnterEmail"
            options={{ title: LOGIN_TITLE, headerBackVisible: false }}
            component={EnterEmail}
        />

但是现在我使用的是自定义元素，这就不起作用了。

const AuthStack: FunctionComponent = () => {
    const navigation = useNavigation<LandingScreenNavigationProp>();

    const headerTitle = <HeaderText variant="h5">Log in</HeaderText>;

    return (
        <Stack.Navigator
            initialRouteName="Landing"
            screenOptions={{
                animation: authStackAnimation,
                headerTitleAlign: 'center',
                headerBackVisible: false,
                headerLeft: () => <NavigationBackButton onPress={() => navigation.goBack()} />,
                headerRight: () => <NavigationCloseButton onPress={() => navigation.navigate('Landing')} />,
            }}
        >
            <Stack.Screen options={{ headerShown: false }} name="Landing" component={Landing} />
            <Stack.Screen name="EnterEmail" options={{ headerTitle: () => headerTitle }} component={EnterEmail} />
            <Stack.Screen name="EnterPassword" options={{ headerTitle: () => headerTitle }} component={EnterPassword} />
            <Stack.Screen name="EnterOTP" options={{ headerTitle: () => headerTitle }} component={EnterOTP} />
            <Stack.Screen
                name="CheckYourEmail"
                options={{ headerTitle: () => headerTitle }}
                component={CheckYourEmail}
            />
        </Stack.Navigator>
    );
};