flutter - 使用 flutter 扫描二维码的问题

Question

您好，我正在尝试读取二维码并将二维码中的数据发送到我的服务器。但是，当运行 flutter build ios 时，启动应用程序时我在 xcode 中收到错误:

LateInitializationError: Field '_channel@598294394' has not been initialized.
#0      _QRViewState._channel (package:qr_code_scanner/src/qr_code_scanner.dart)
#1      _QRViewState.updateDimensions (package:qr_code_scanner/src/qr_code_scanner.dart:91:57)
#2      LifecycleEventHandler.didChangeAppLifecycleState (package:qr_code_scanner/src/lifecycle_event_handler.dart:15:29)
#3      WidgetsBinding.handleAppLifecycleStateChanged (package:flutter/src/widgets/binding.dart:692:16)
#4      ServicesBinding._handleLifecycleMessage (package:flutter/src/services/binding.dart:192:5)
#5      BasicMessageChannel.setMessageHandler.<anonymous closure> (package:flutter/src/services/platform_channel.dart:73:49)
#6      BasicMessageChannel.setMessageHandler.<anonymous closure> (package:flutter/src/services/platform_channel.dart:72:47)
#7      _DefaultBinaryMessenger.handlePlatformMessage (package:flutter/src/services/binding.dart:284:33)
#8      _invoke3.<anonymous closure> (dart:ui/hooks.dart:223:15)
#9      _rootRun (dart:async/zone.dart:1354:13)
#10     _CustomZone.run (dart:async/zone.dart:1258:19)
#11     _CustomZone.runGuarded (dart:async/zone.dart:1162:7)
#12     _invoke3 (dart:ui/hooks.dart:222:10)
#13     PlatformDispatcher._dispatchPlatformMessage (dart:ui/platform_dispatcher.dart:520:7)
#14     _dispatchPlatformMessage (dart:ui/hooks.dart:90:31)

运行flutter run时也会发生同样的事情但这可以通过热重启来解决。有谁知道为什么会发生这种情况？发生这种情况时，应用程序拒绝读取任何二维码。

您可以在 github 上找到我的代码:https://github.com/maxall41/Package-Scanner

Answer 1

发生这种情况是因为您在小部件完全初始化之前调用了 setState。在构建方法完成之前，您无法调用 set state，因为没有任何内容可设置状态。

当您进行热重启时，手机(或模拟器)会保留页面或小部件的状态并重建用户界面。此时，小部件的构建方法会再次被调用，并且因为您的设置状态位于构建方法中，所以它也会再次被调用，但这次是在已经初始化的状态上。

附注:请发布相关代码，而不是指向您的 github 存储库的链接。它可以帮助您获得更好的答案，并使这成为对社区更有用的问题/答案

编辑:这是导致问题的代码块。

Widget _buildQrView(BuildContext context) {
    return QRView(
      key: qrKey,
      onQRViewCreated: _onQRViewCreated,
    );
  }

  void _onQRViewCreated(QRViewController controller) {
    //Here's the setState in the build method
    setState(() {
      this.controller = controller;
    });
    controller.scannedDataStream.listen((scanData) async {
      setState(() {
        result = "Scanned: " + scanData.code;
      });
    });
  }

删除 this.controller = controller 周围的 setState 应该可以解决问题