Flutter qr_code_scanner 显示黑屏而不是扫描仪答案

【问题标题】：Flutter qr_code_scanner showing black screen instead of the scannerFlutter qr_code_scanner 显示黑屏而不是扫描仪
【发布时间】：2022-10-21 04:43:29
【问题描述】：

我正在使用 qr_code_scanner 扫描颤振中的二维码。这里的重点是它显示的是黑屏而不是扫描仪。我似乎无法启动 qr 阅读器。但假设我退出应用程序，例如将应用程序置于后台，然后再次进入应用程序，相机突然启动。似乎无法找到为什么相机会在应用程序启动时启动。


class Home extends StatefulWidget {
  const Home({Key? key}) : super(key: key);

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: QrScan(),
    );
  }
}

class QrScan extends StatefulWidget {
  const QrScan({Key? key}) : super(key: key);

  @override
  State<QrScan> createState() => _QrScanState();
}

class _QrScanState extends State<QrScan> {
  final GlobalKey qrKey = GlobalKey(debugLabel: 'QR');
  Barcode? result;
  QRViewController? controller;

  @override
  void initState() {
    super.initState();
    controller?.resumeCamera();
  }

  // In order to get hot reload to work we need to pause the camera if the platform
  // is android, or resume the camera if the platform is iOS.
  @override
  void reassemble() {
    super.reassemble();
    if (Platform.isAndroid) {
      controller?.pauseCamera();
    } else if (Platform.isIOS) {
      controller?.resumeCamera();
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: <Widget>[
          Expanded(
            flex: 5,
            child: QRView(
              key: qrKey,
              onQRViewCreated: _onQRViewCreated,
              overlay: QrScannerOverlayShape(
                  borderRadius: 10, borderWidth: 5, borderColor: Colors.white),
            ),
          ),
          Expanded(
            flex: 1,
            child: Center(
              child: (result != null)
                  ? Text(
                      'Barcode Type: ${describeEnum(result!.format)}   Data: ${result?.code}')
                  : Text('Scan a code'),
            ),
          )
        ],
      ),
    );
  }

  void _onQRViewCreated(QRViewController controller) {
    this.controller = controller;
    controller.scannedDataStream.listen((scanData) {
      setState(() {
        result = scanData;
      });
    });
  }

  @override
  void dispose() {
    controller?.dispose();
    super.dispose();
  }
}

【问题讨论】：

标签： android flutter flutter-dependencies qr-code

【解决方案1】：

尝试在 _onQRViewCreated 中暂停和恢复摄像头：

void _onQRViewCreated(QRViewController controller) {
    this.controller = controller;
    controller.scannedDataStream.listen((scanData) {
      setState(() {
        result = scanData;
      });
    });
    controller.pauseCamera();
    controller.resumeCamera();
  }

【讨论】：

感谢这有助于解决问题。

【解决方案2】：

试试这个肯定能解决问题！

 @override
      Widget build(BuildContext context) {
        if (controller != null && mounted) {
          controller!.pauseCamera();
          controller!.resumeCamera();
        }

【讨论】：

【解决方案3】：

从初始状态中删除恢复相机

@override
  void initState() {
    super.initState();
    //controller?.resumeCamera();
  }

【讨论】：