如何在 react-navigation v5 的单个屏幕中隐藏堆栈导航 header

Question

我的应用程序有 5 个组件（屏幕），我使用的是堆栈导航版本 5，我需要 headers 用于除一个屏幕之外的所有屏幕，我尝试通过屏幕内的选项来执行此操作，如下所示：

这是我的代码：

const Stack = createStackNavigator();
const MainStack = () => ({
    return(
        <NavigationContainer>
            <Stack.Navigator>
                <Stack.Screen name="MyTabs" component={MyTabs} />
                <Stack.Screen name="Direct" component={Direct} />
                <Stack.Screen name="Like" component={Like} />
                <Stack.Screen name="Search" component={Search} />
                <Stack.Screen name="Home" component={Home} />
            </Stack.Navigator>
        </NavigationContainer>
    )
)}

Answer 1

使用options={{ headerShown: false }}

Answer 2

1. 在你的导航中options={{ headerShown: false }}
2. 来自您的组件 navigation.setOptions({ headerShown: false })