集成expo-barcode-scanner后应用无报错直接崩溃是什么原因？

问题根因 #

你遇到的崩溃大概率是三个常见的React Native/Expo开发基础问题导致的：

1. 扫码回调参数为空时直接解构抛出未捕获错误，原生层未捕获该错误直接触发崩溃
2. 全局alert在原生异步回调中调用时，容易因为UI线程调度冲突触发闪退
3. 部分Expo版本中expo-camera和expo-barcode-scanner同时引入时存在依赖冲突

修复步骤 #

1. 首先修改扫码回调函数，增加参数兜底和异常兼容，同时替换全局alert为React Native官方Alert组件：

// 首先在顶部导入Alert
import { Alert } from 'react-native'

// 修改回调函数
const handleBarCodeScanned = (scanResult = {}) => {
  // 空值直接返回，避免解构报错
  const { type, data } = scanResult
  if (!type || !data || !cameraReady) return

  setScanned(true)
  Alert.alert('扫码成功', `条形码类型：${type}，内容：${data}`)
}

2. 检查导入语句，确保依赖引入正确，如果你只需要扫码功能，优先直接用BarCodeScanner组件代替Camera组件，避免依赖冲突：

// 正确导入示例
import { BarCodeScanner } from 'expo-barcode-scanner'
import { useState, useEffect } from 'react'
import { View, Text, Button, Alert } from 'react-native'

3. 测试验证：先将回调内部逻辑全部注释，仅保留空函数测试是否还会崩溃，如果空函数正常运行再逐步放开逻辑，定位具体崩溃点。

额外优化建议 #

你当前的scanned状态初始值为true，意味着进入页面后默认不会开启扫码，需要点击按钮才会触发，如果需要进入页面直接可以扫码，将初始值改为false即可。

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