如何在React原生堆栈导航中隐藏除某些选定屏幕之外的所有屏幕的标题

z9ju0rcb  于 2023-06-24  发布在  React
关注(0)|答案(1)|浏览(104)

我需要保持所有屏幕的导航标题隐藏,除了一些屏幕,我定义是否显示标题或没有。如何在react native中做到这一点?
我尝试了几个解决方案从互联网上,但它没有工作。我在项目中使用堆栈导航和底部标签导航。

nmpmafwu

nmpmafwu1#

标签和堆栈导航器都有一个名为screenOptions的属性,它有一个headerShown选项。可以使用此属性禁用属于导航器的任何屏幕的标题。然后,在您希望有标题的特定屏幕上,您可以显式地使用options属性,该属性也有一个headerShown选项。例如:

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.NavigatorTab.Screen使用相同的属性和选项。你可以在React Native网站上阅读更多关于这些属性的信息。

相关问题