扫描成功后不会隐藏离子条形码扫描仪

时间:2018-09-27 12:29:21

标签: angular ionic-framework ionic3 barcode-scanner

我正在尝试使用本机的离子条形码扫描仪实施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);
     });
  }

有可能实现这一目标吗?

1 个答案:

答案 0 :(得分:1)

除非您通过离子条形码扫描仪调整本机代码,否则您将无法执行此操作。

无论如何,您都可以使用QuaggaJS(显然,这是更好的选择,而不是调整NPM模块)

它适用于Web和Mobile(也适用于Ionic)。我在我的一些项目中使用了它,但它不适用于本机iOS,因为本机iOS Safari不支持QuaggaJS所需的GetUserMedia API(您可以检查受支持的浏览器here)。正确地。在Android,移动浏览器,桌面和桌面浏览器上,它运行完美。