how too hide the top tab bar on specific screen?

Question

I want to hide the top tab bar on this screen

here is first screen

here is the Tab Navigator code

<Tab.Navigator tabBarOptions={{ activeTintColor:"#000", labelStyle:{fontSize:14}, inactiveTintColor:"#6b6e70", indicatorStyle:{height:3,backgroundColor:'#ff007f'} }}> <Tab.Screen name="Wallpaper" component={WallpaperNavigator} /> <Tab.Screen name="Category" component={WallCategory} /> </Tab.Navigator>

Here is the Stack navigator code

<Stack.Navigator> <Stack.Screen name="Wallpaper" component={WallpaperScreen} options={{headerShown:false}} /> <Stack.Screen name="Detail" component={WallpaperDetail} options={{headerShown:false}} /> </Stack.Navigator>

Answer 1

You can use the options={{headerShown: false}} and give it a boolean, or a condition or function that returns a boolean to hide it. Use can detect usertap and toggle the boolean to make it feel like a full-screen mode.