QRCode scanner for Cordova under Angular 12

Ionic Framework
1

My Ionic 5 project uses Angular 12 and Cordova, now I need to scan QR-Codes (for covid green pass)

I tried GitHub - zxing-js/ngx-scanner: Angular (2+) QR code, Barcode, DataMatrix, scanner component using ZXin but doesn’t install with Angular 12
I tried GitHub - bitpay/cordova-plugin-qrscanner: A fast, energy efficient, highly-configurable QR code scanne but it doesn’t work well on Android 11 and latest iOS versions

All blog posts found are outdated or simply no longer valid for new version of Android

I can’t downgrade to other Angular versions

Any hints?

2

Capacitor an option for you?

There are also js based scanners

3

No, must be cordova

I can google to find js scanners but then I must test them under angular 12 + ionic 5, may you give me some name for components working well?

4

I have taken the js implementation from the capacitor code

Fairly easy to adapt into any web project imho. And curated fairly recently

5

I will try to dig on capacitor code, thanks

6

Apologies, I cant find the code anymore and I am not behind my pc

Maybe try How to Build a PWA QR Code Scanner with Ionic for iOS & Android | Devdactic - Ionic Tutorials?

7

I remember again - I took the js code from the cordova plugin as published on ionic site

Here another example ula-holder-workshop/scan-qr.page.ts at 39bad758893537850becb9f83b8e8f55115951b0 · Tommertom/ula-holder-workshop · GitHub

(Not my code)

8

Ok thanks, I will try to make something with this code

9

Hi, I noticed we have the same problem. Have you made the cordova-plugin-qrscanner work in Android 11? We’re currently facing the problem of not being able to scan the QRCode after migrating to Android 11 from Android 9.

10

@iondafi - any luck with this? I have run into the same issue with Cordova 11 on Android (cordova-android@11) and have not found a solution yet. Any alternatives? I have tried two different forks of the cordova-plugin-qrscanner and they too are failng. @classhive - any luck?