Flutter中使用BarcodeScanner如何获取完整扫描图像而非仅二维码内容

你当前调用的BarcodeScanner.scan()属于简化封装的API，设计上仅返回解码后的二维码内容，没有开放原始扫描帧的访问能力，要获取包含二维码外围区域的完整扫描图像，需要调整实现逻辑：

通用实现思路 #

放弃一键扫描的简化接口，自行对接相机的预览帧数据流，每获取到一帧图像时先将该帧临时缓存，再调用二维码解码能力对当前帧做解码操作，一旦解码成功，直接将提前缓存的该帧完整图像保存即可，不需要通过解码结果反向生成二维码。

不同场景的具体实现方式 #

• 原生Android/iOS开发：
  自行实现相机预览逻辑，监听预览帧回调，搭配ZXing、ML Kit等解码库做帧解码，解码成功直接取对应缓存帧即可。
• Web端开发：
  调用getUserMedia接口拉起摄像头获取视频流，将视频帧实时绘制到canvas上，每次绘制后先保存当前canvas的图像数据，再调用jsQR、qr-scanner等前端解码库做解码，解码成功直接导出canvas对应的完整图像即可。
• 跨平台框架开发（Flutter/React Native等）：
  替换当前使用的简化版BarcodeScanner库，选择支持原始帧回调的扫描库即可。以Flutter为例可使用mobile_scanner库，开启returnImage参数后，解码成功的回调会同时返回二维码内容和完整的扫描帧图像数据，可直接使用。

参考代码（Flutter mobile_scanner） #

// 初始化扫描控制器，开启返回原始帧的配置
final controller = MobileScannerController(
  returnImage: true,
);

// 监听扫描结果
controller.barcodes.listen((barcodeCapture) {
  // 解码得到的二维码内容
  final List<Barcode> barcodes = barcodeCapture.barcodes;
  // 完整的扫描帧图像数据
  final Uint8List? fullScanImage = barcodeCapture.image;
  if (barcodes.isNotEmpty && fullScanImage != null) {
    // 解码成功，可直接保存、展示fullScanImage
    controller.stop();
  }
});

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