Ionic cordova-plugin-qrscanner has no camera preview

cordova-plugins qr-code ionic3 ionic-native
Story5 picture Story5 · Jul 26, 2017 · Viewed 14.2k times · Source

I run a simple demo to use cordova-plugin-qrscanner, it can scan qrcode but no camera preview.

qrscannerDemo on Github

Related code blow:

I run the ionic project on android then click the button but nothing happened and no camera preview show.

I test the project again and find it can scan qrcode and get the result test, but no camera preview.

I search the problem, someone says should to set the body and any elements transparent. I try but does not work.

Android. Nothing appears on screen. #35

AnyOne help?

Answer

jesusverma picture jesusverma · Aug 1, 2017

In top level index.html:

<ion-app style="background: none transparent;"></ion-app>

In camera display page html file:

<ion-content style="background: none transparent;">

Related questions

ionic 2 - Error Could not find an installed version of Gradle either in Android Studio

I create ionic 2 project and add diagnostic cordova plugin like this : ionic plugin add cordova.plugins.diagnostic npm install --save @ionic-native/diagnostic and add android platform like this : ionic platform add android@latest but when build with ionic build android …

Read More
Update cordova plugins in one command

I am wondering is there an easier way to update cordova plugin? I googled, found a hook (@ year 2013), but this is not 100% what I want. I know I can do this by two steps: rm, then add but I am …

Read More
cordova run with ios error .. Error code 65 for command: xcodebuild with args:

This error occur only when I try to cordova run ios --device Even after cordova build ios command executed, non error is reported. Whats I do wrong? And how to debug cordova projects on my iPhone (need this because need …

Read More