Flutter iOS端拒绝相机权限后出现白屏问题求助

• 提前拦截权限检查
  在跳转至相机页面之前，先主动检查相机权限状态：

  • 若权限已授权，正常进入相机页；
  • 若权限已被拒绝/受限，直接弹出提示引导用户前往系统设置开启权限，不进入相机页；
  • 若未请求过权限，先发起权限请求，根据用户选择决定是否进入相机页。

  示例Swift代码：

  import AVFoundation
  
  func checkCameraPermission() {
      switch AVCaptureDevice.authorizationStatus(for: .video) {
      case .authorized:
          navigateToCamera()
      case .denied, .restricted:
          showPermissionAlert()
      case .notDetermined:
          AVCaptureDevice.requestAccess(for: .video) { granted in
              DispatchQueue.main.async {
                  granted ? self.navigateToCamera() : self.showPermissionAlert()
              }
          }
      @unknown default:
          break
      }
  }
  
  func showPermissionAlert() {
      let alert = UIAlertController(
          title: "需要相机权限",
          message: "请前往设置开启相机权限以使用此功能",
          preferredStyle: .alert
      )
      alert.addAction(UIAlertAction(title: "取消", style: .cancel))
      alert.addAction(UIAlertAction(title: "去设置", style: .default) { _ in
          UIApplication.shared.open(URL(string: UIApplication.openSettingsURLString)!)
      })
      present(alert, animated: true)
  }
  

• 相机页内添加错误处理
  若已经进入相机页，在相机组件初始化失败的回调中，判断是否为权限拒绝导致的错误，主动执行返回上一页的操作，并给出用户提示，避免页面白屏。

  示例Flutter代码：

  import 'package:permission_handler/permission_handler.dart';
  import 'package:flutter/material.dart';
  
  class CameraPage extends StatefulWidget {
    const CameraPage({super.key});
  
    @override
    State<CameraPage> createState() => _CameraPageState();
  }
  
  class _CameraPageState extends State<CameraPage> {
    @override
    void initState() {
      super.initState();
      _checkPermissionAndHandle();
    }
  
    Future<void> _checkPermissionAndHandle() async {
      final status = await Permission.camera.status;
      if (status.isDenied || status.isRestricted) {
        if (mounted) {
          Navigator.pop(context);
          ScaffoldMessenger.of(context).showSnackBar(
            const SnackBar(content: Text('请开启相机权限后重试')),
          );
        }
      }
    }
  
    @override
    Widget build(BuildContext context) {
      // 相机组件渲染逻辑
      return const Scaffold(body: Center(child: Text('相机页面')));
    }
  }
  

• 添加页面降级UI
  确保相机组件加载失败时，页面有 fallback 布局，比如显示权限提示文本和返回按钮，而不是空白页面。避免因相机组件初始化失败导致整个页面无内容渲染。

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