React Navigation隐藏头部失效求助:设置headerShown: false仍显示头部
以下是几个排查和解决的方向:
检查单个页面的配置是否覆盖全局设置
确认你的WelcomeScreen对应的Stack.Screen有没有单独设置options属性,如果存在类似<Stack.Screen options={{headerShown: true}} ...>的代码,会覆盖Stack.Navigator里的全局配置,要么删除这个单独配置,要么把值改成false。核对React Navigation版本适配性
如果你用的是createNativeStackNavigator,要确保@react-navigation/native-stack包的版本是稳定版,部分旧版本可能存在配置不生效的bug,尝试升级到最新稳定版本后再测试。清除项目和模拟器缓存
缓存问题经常导致配置不生效,执行以下操作试试:- 重启你的模拟器/真机
- 执行命令清除项目缓存:
npx react-native start --reset-cache - 重新打包运行项目
排查页面内的自定义头部
检查WelcomeScreen组件内部有没有自己实现的头部导航栏(比如用View、Text手动搭建的),这种自定义头部和React Navigation的系统头部是分开的,需要单独隐藏这部分代码。
内容的提问来源于stack exchange,提问作者venus
相关产品推荐
相关产品推荐

