React Native手势触发RTK dispatch导致Expo应用崩溃问题排查

以下是几种可能导致崩溃的原因，以及对应的排查和解决思路：

• Reanimated 线程上下文错误
  即使使用了 runOnJS，如果没有正确包裹 dispatch 调用逻辑，仍可能出问题。Redux 的 dispatch 是运行在 JS 线程的函数，不能直接在 UI 线程执行。确保把完整的 dispatch 调用包裹在一个函数里再传给 runOnJS，示例：

  const handleSwipeStart = () => {
    dispatch(convertToChild());
  };
  
  // 在手势配置中：
  onStart: () => runOnJS(handleSwipeStart)()
  

  注意不要直接写 runOnJS(dispatch(convertToChild()))，这会立即执行 dispatch 而非在 JS 线程触发。

• dispatch 引用失效或闭包问题
  如果组件频繁重渲染，手势 handler 可能捕获了旧的 dispatch 引用。用 useCallback 包裹 dispatch 调用的函数，确保引用稳定：

  const handleSwipeStart = useCallback(() => {
    dispatch(convertToChild());
  }, [dispatch]);
  

  同时确认组件是否正确嵌套在 Redux Provider 内部，避免 dispatch 为 undefined。

• 版本兼容性问题
  Expo、React Native Reanimated 和 Redux Toolkit 之间可能存在版本冲突。比如旧版本 Reanimated 对 runOnJS 的函数序列化有 bug。尝试升级到最新兼容版本：

  • 确保 Expo SDK 版本与 Reanimated 版本匹配（参考 Expo 官方依赖版本表）
  • 更新 Redux Toolkit 到最新稳定版

• 未捕获的异常
  崩溃可能来自未被捕获的错误，比如 dispatch 本身为 undefined。在 dispatch 调用处添加 try-catch 打印错误：

  const handleSwipeStart = useCallback(() => {
    try {
      dispatch(convertToChild());
    } catch (err) {
      console.error("Dispatch error:", err);
    }
  }, [dispatch]);
  

  查看 Metro 控制台的错误日志，可直接定位崩溃根源。

• 手势 handler 配置错误
  崩溃可能并非来自 dispatch，而是手势本身的问题。比如手势绑定的组件已卸载、手势状态管理错误，或与其他手势冲突。暂时移除 dispatch 调用，确认手势本身是否能正常运行，若仍崩溃则优先排查手势配置。

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