iOS端扫码App升级SDK 49至51后出现冻结问题求助

核心问题 #

将Expo SDK从49升级到51，同时把expo-camera更新至15.0.14版本后，App在多次执行扫码流程（扫码完成后返回扫码页）时出现冻结现象。

复现步骤 #

• 进入演出标签页
• 切换到扫码标签页
• 扫描二维码进入成功页面
• 点击返回按钮回到扫码页面
• 重复上述流程数次后App冻结

当前环境版本 #

• expo: 51.0.26
• expo-camera: 15.0.14

已尝试无效方案 #

• 使用legacy camera模式
• 禁用页面间过渡效果
• 降级expo-camera（不兼容SDK51）
• 降级至SDK50（无法用Expo Go测试目标功能）

针对性排查与修复建议 #

1. 强制释放相机资源
   在扫码页面卸载时，务必调用Camera组件的stopPreview()和releaseCameraAsync()方法，避免相机资源未释放引发内存泄漏：

   useEffect(() => {
     return () => {
       if (cameraRef.current) {
         cameraRef.current.stopPreview();
         cameraRef.current.releaseCameraAsync();
       }
     };
   }, []);
   

2. 避免页面重复挂载
   检查路由配置，确认扫码页面是否在每次返回时被重新创建而非复用。可尝试启用页面缓存（如React Navigation的lazy: false配置），或把Camera组件封装为全局单例组件。

3. 监控内存泄漏
   用Expo DevTools的内存面板跟踪每次扫码-返回流程的内存变化，若内存持续增长，排查是否存在未清理的订阅、定时器或全局变量引用。

4. 校验相机权限状态
   返回扫码页时重新校验相机权限，若权限失效则重新申请，避免相机因权限问题卡住：

   useEffect(() => {
     const checkPermission = async () => {
       const { status } = await Camera.requestCameraPermissionsAsync();
       if (status !== 'granted') {
         // 处理权限缺失逻辑
       }
     };
     checkPermission();
   }, []);
   

5. 优化路由栈逻辑
   若使用React Navigation，扫码成功后用navigation.replace()替代navigation.navigate()进入成功页面，返回时直接回到扫码页，避免路由栈堆积：

   // 扫码成功跳转
   navigation.replace('SuccessPage');
   // 返回扫码页
   navigation.navigate('ScanPage');
   

6. 升级依赖到最新稳定版
   检查expo和expo-camera的最新稳定版（当前expo 51最新为51.0.37，expo-camera为15.0.16），升级后测试是否修复了已知的冻结bug。

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