React Native Android端跳转页面无报错崩溃，关联Navigation v6、GraphQL Cache

数据老陈

2026-10-5

可行解决建议

优先替换props传递navigation的方式：动态渲染的组件统一使用useNavigation()钩子获取导航实例，不要通过props逐层传递。Navigation v6对上下文绑定的校验比旧版更严格，Android端对上下文丢失的容错性远低于iOS，props传递容易在动态组件重渲染时出现引用失效直接触发原生崩溃。
检查导航跳转传递的参数：v6默认开启参数序列化校验，禁止传递函数、Promise、循环引用对象等不可序列化内容。iOS对非法参数仅会输出警告，Android端会直接触发崩溃且JS层无日志输出。可临时添加如下配置关闭校验快速验证：

// 单页面关闭参数校验配置
<Stack.Screen
  name="YourScreen"
  component={YourComponent}
  options={{
    unmountOnBlur: false,
  }}
  getId={({ params }) => params?.id}
/>
// 全局关闭相关渲染优化校验
import { enableFreeze } from 'react-native-screens';
enableFreeze(false);

给所有动态触发的导航操作加安全校验：调用跳转前先判断当前组件是否挂载、navigation实例是否有效，示例代码：

const navigation = useNavigation();
const isMounted = useRef(true);

useEffect(() => {
  return () => {
    isMounted.current = false;
  }
}, [])

const handleNavigate = () => {
  if(isMounted.current && navigation?.isReady()){
    navigation.navigate('TargetPage', { 
      // 仅传递可序列化的基础类型、普通对象参数
    })
  }
}