我需要保持所有屏幕的导航标题隐藏,除了一些屏幕,我定义是否显示标题或没有。如何在react native中做到这一点?我尝试了几个解决方案从互联网上,但它没有工作。我在项目中使用堆栈导航和底部标签导航。
nmpmafwu1#
标签和堆栈导航器都有一个名为screenOptions的属性,它有一个headerShown选项。可以使用此属性禁用属于导航器的任何屏幕的标题。然后,在您希望有标题的特定屏幕上,您可以显式地使用options属性,该属性也有一个headerShown选项。例如:
screenOptions
headerShown
options
const Stack = createStackNavigator(); <Stack.Navigator screenOptions={{ headerShown: false }}> <Stack.Screen name='ScreenWithoutHeader' component={ExampleComponent} /> <Stack.Screen name='ScreenWithHeader' component={ExampleComponent} options={{ headerShown: true }} /> </Stack.Navigator>
您可以对Tab.Navigator和Tab.Screen使用相同的属性和选项。你可以在React Native网站上阅读更多关于这些属性的信息。
Tab.Navigator
Tab.Screen
1条答案
按热度按时间nmpmafwu1#
标签和堆栈导航器都有一个名为
screenOptions
的属性,它有一个headerShown
选项。可以使用此属性禁用属于导航器的任何屏幕的标题。然后,在您希望有标题的特定屏幕上,您可以显式地使用options
属性,该属性也有一个headerShown
选项。例如:您可以对
Tab.Navigator
和Tab.Screen
使用相同的属性和选项。你可以在React Native网站上阅读更多关于这些属性的信息。