@rebase-team/qr-scanner NPM

You will need (>= Angular 9) to use this library, Ionic project (>= v3), qrscanner cordova plugin and the phonegap barcode scanner plugin.

Installation

ionic cordova plugin add cordova-plugin-qrscanner
ionic cordova plugin add phonegap-plugin-barcodescanner
npm install @ionic-native/qr-scanner
npm install @ionic-native/barcode-scanner
npm install @rebase-team/qr-scanner

Usage examples

> APP.MODULE.TS

import { AppComponent } from "./app.component";
import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { QrScannerService } from "@rebase-team/qr-scanner";
import { QRScanner } from '@ionic-native/qr-scanner/ngx';
import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    IonicModule.forRoot()
  ],
  providers: [
    QRScanner,
    BarcodeScanner,
    QrScannerService
  ],
  bootstrap: [AppComponent],
  exports: []
})
export class AppModule { }

> HOME.PAGE.TS

import { Component } from "@angular/core";
import { QrScannerService } from "@rebase-team/qr-scanner";

@Component({
  selector: "app-home",
  templateUrl: "home.page.html",
  styleUrls: ["home.page.scss"],
})
export class HomePage {

  constructor(private qrScanner: QrScannerService) {
    this.qrScanner.DefinePlugin('QRSCANNER'); //Define the plugin name (QRSCANNER or BARCODESCANNER).
    this.qrScanner.OnScannedData(async (qrData) => {
      console.log(qrData); //Will print the scanned data.
      this.qrScanner.Close();
    });
    this.qrScanner.OnPermissionError(() => {	
      console.log('Não foi possível abrir a câmera para ler o QR-Code pois a permissão não foi habilitada.');	
    });	
    this.qrScanner.OnUnknownError((err) => {	
      console.log('Um problema ocorreu ao tentar abrir a câmera do celular para realizar a leitura do QR-Code.');
    });
    this.qrScanner.Scan();
  }

}