使用 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。在 build 方法完成之前不能调用 set state 因为没有什么可以设置的状态。

当您进行热重启时，phone（或模拟器）会保持页面或小部件的状态，并重新uilds ui。那时，小部件的 build 方法再次被调用，因为你的设置状态在你的 build 方法中，它也被再次调用，但这次是在一个状态已经初始化。

作为旁注：请 post 相关代码而不是 link 到您的 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;
      });
    });
  }

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

使用 flutter 扫描二维码的问题

Issue with scanning QR codes using flutter

qr-code

dart

flutter