Expo SDK 48中React Native headerBackTitleVisible: false失效求助

升级Expo SDK从46到48后，React Navigation里设置的headerBackTitle或headerBackTitleVisible: false完全失效，但headerTitle能正常工作。代码示例如下：

options={{ headerBackTitleVisible: false, headerTitle: "Detail" }}

分享几个开发者实测有效的解决方向：

• 同步React Navigation版本：Expo SDK48对依赖版本有特定要求，可能升级SDK后React Navigation版本没同步更新到适配版本，导致属性兼容问题。对照Expo官方的SDK依赖列表，调整React Navigation到对应版本后重试。
• 改用headerBackButtonProps控制：如果直接设置headerBackTitleVisible无效，试试通过headerBackButtonProps清空返回标题：

options={{
  headerBackButtonProps: { title: '' },
  headerTitle: "Detail"
}}

• 自定义headerLeft组件：彻底绕开默认返回按钮的标题问题，自己实现返回按钮：

options={{
  headerTitle: "Detail",
  headerLeft: () => (
    <Pressable onPress={() => navigation.goBack()}>
      {/* 替换成你项目中使用的返回图标，比如Ionicons的arrow-back */}
      <Ionicons name="arrow-back" size={24} color="#000" />
    </Pressable>
  )
}}

• 排查全局配置冲突：检查NavigationContainer或者StackNavigator的screenOptions里是否设置了headerBackTitle或相关属性，全局配置会覆盖单个页面的options设置。
• 清除Expo缓存：运行expo r -c清除项目缓存后重启，有时候缓存会导致依赖加载异常。

内容的提问来源于stack exchange，提问作者insider