Ionic Barcode Scanner 扫描成功时不隐藏

Question

我正在尝试使用 native 的离子条形码扫描器实现 QR 扫描器。

https://ionicframework.com/docs/native/barcode-scanner/

我想扫描 QR 码并停留在扫描仪视图中，在相机叠加层顶部显示模式。

  ionViewDidLoad() {
    this.scan()
  }


  scan(){
    this.barcodeScanner.scan(this.options).then(barcodeData => {
      this.scannedData = barcodeData;
      this.modal.create("ScannerResultPage").present();
      console.log('Barcode data', barcodeData);
     }).catch(err => {
         console.log('Error', err);
     });
  }

有可能实现吗？

Answer 1

除非您从 ionic 条形码扫描仪调整本机代码，否则您无法执行此操作。

无论如何你都可以用 QuaggaJS 来做到这一点（这显然是比调整 NPM 模块更好的选择）

它适用于 Web 和移动设备（也适用于 Ionic）。我在我的一些项目中使用它并且它运行良好但不适用于 Native iOS 因为 Native iOS Safari 不支持 GetUserMedia API（您可以检查支持的浏览器 here） QuaggaJS 需要它才能正常工作。在 Android、移动浏览器、桌面和桌面浏览器上运行完美。