React Native二维码扫描器：重新请求相机权限后无法恢复扫描的解决方案

核心问题 #

1. 权限请求未等待结果且未判断授权状态：原代码调用PermissionsAndroid.request后直接执行reactivate()，未确认用户是否真正授权，导致权限未获取时扫描器无效激活，陷入加载状态。
2. 冗余激活调用：函数末尾无论权限状态都调用reactivate()，权限未授权时该操作毫无意义。
3. 语法错误：QRCodeScanner的onRead回调中console.log(scanData)缺少闭合括号，可能导致组件运行异常。

修复后的代码 #

1. 修正权限检查与请求函数 #

const checkPermissionCamera = async () => {
  // 检查当前相机权限状态
  const hasPermission = await PermissionsAndroid.check(PermissionsAndroid.PERMISSIONS.CAMERA);
  
  if (!hasPermission) {
    // 请求权限并等待用户操作结果
    const permissionResult = await PermissionsAndroid.request(
      PermissionsAndroid.PERMISSIONS.CAMERA,
      {
        title: "相机权限申请",
        message: "扫描二维码需要获取相机权限，请允许",
        buttonNeutral: "稍后处理",
        buttonNegative: "拒绝",
        buttonPositive: "允许"
      }
    );
    
    // 仅在用户授权成功时激活扫描器
    if (permissionResult === PermissionsAndroid.RESULTS.GRANTED) {
      refQR.current?.reactivate();
    } else {
      console.log("未获取相机权限，无法进行二维码扫描");
    }
  } else {
    // 已有权限，直接激活扫描器
    refQR.current?.reactivate();
  }
};

2. 修正QRCodeScanner组件语法错误 #

<QRCodeScanner
  ref={(node) => {
    refQR.current = node;
  }}
  reactivateTimeout={2000}
  onRead={(scanData) => {
    console.log(scanData); // 补充缺失的闭合括号
  }}
  flashMode={RNCamera.Constants.FlashMode.auto}
  showMarker
  fadeIn
  cameraStyle={{
    height: '100%',
  }}
/>

额外优化建议 #

• 若用户勾选"不再询问"并拒绝权限，可通过PermissionsAndroid.shouldShowRequestPermissionRationale判断，引导用户跳转到应用设置页面手动开启权限。
• 确保refQR通过useRef(null)正确初始化：const refQR = useRef(null);

内容的提问来源于stack exchange，提问作者Ferri Adi Prasetya