xxxxxxxxxx
Hide header in a single screen
<Stack.Screen name='Home' component={HomeScreen} options={{headerShown: false}}/>
xxxxxxxxxx
<Stack.Navigator
screenOptions={{
headerShown: false
}}
>
<Stack.Screen name="route-name" component={ScreenComponent} />
</Stack.Navigator>
xxxxxxxxxx
<Stack.Navigator
screenOptions={{
headerShown: false
}}
>
<Stack.Screen name="route-name" component={ScreenComponent} />
</Stack.Navigator>
xxxxxxxxxx
// hide header in multiple screens
<Stack.Navigator
screenOptions={{
headerShown: false
}}
>
<Stack.Screen name="route-name" component={ScreenComponent} />
</Stack.Navigator>
xxxxxxxxxx
<Stack.Screen
name="Home"
component={HomeScreen}
options={{ title: null}}
/>
xxxxxxxxxx
<Stack.Screen options={{headerShown: false}} name="route-name" component={ScreenComponent} />
xxxxxxxxxx
<Drawer.Screen name="Home" component={HomeScreen} options={{ headerTitle:'' }} />