React Navigation侧滑返回异常：跨栈跳转而非当前栈逐页返回

针对你遇到的iOS设备上快速连续侧滑返回直接跳回Home Navigator的问题，可尝试以下几种解决方案：

1. 禁用主导航栈的侧滑手势 #

在主应用的Stack Navigator配置中关闭侧滑手势，让嵌套的Insurance Navigator独立处理自身栈内的返回手势：

<Stack.Navigator initialRouteName={'Home'} screenOptions={{ gestureEnabled: false }}>
  <Stack.Screen name="Insurance" component={InsuranceNavigator} />
  <Stack.Screen name="Home" component={HomeNavigator} />
</Stack.Navigator>

这样主栈不会响应侧滑操作，只有Insurance内部的栈会处理侧滑返回，避免跨栈跳转的问题。

2. 调整主栈的手势响应范围 #

如果不想完全禁用主栈手势，可以通过gestureResponseDistance限制主栈手势的触发区域，比如仅允许屏幕最左侧极小区域触发主栈返回，嵌套栈处理其余区域的手势：

<Stack.Navigator 
  initialRouteName={'Home'}
  screenOptions={{
    gestureResponseDistance: { horizontal: 20 } // 仅左侧20px区域触发主栈手势
  }}
>
  <Stack.Screen name="Insurance" component={InsuranceNavigator} />
  <Stack.Screen name="Home" component={HomeNavigator} />
</Stack.Navigator>

同时确保Insurance Navigator开启手势：

<Stack.Navigator
  screenOptions={{ headerShown: false, gestureEnabled: true }}
  initialRouteName={'Insurance'}
>
  {/* 你的页面配置 */}
</Stack.Navigator>

3. 升级React Navigation依赖版本 #

你当前使用的@react-navigation/stack版本是6.2.1，该版本存在嵌套栈手势冲突的已知问题，升级到较新的稳定版（比如6.3.x及以上）可能已经修复了这个bug：

npm install @react-navigation/stack@latest
# 或使用 yarn
yarn add @react-navigation/stack@latest

4. 检查页面跳转逻辑 #

确保在Insurance Navigator内跳转页面时，使用navigation.push()或navigation.navigate()（目标页面不在栈内时），避免使用navigation.replace()导致栈内页面被替换，干扰正常的返回逻辑。

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