qr code - Ionic cordova-plugin-qrscanner has no camera preview -


i run simple demo use cordova-plugin-qrscanner, can scan qrcode no camera preview.

qrscannerdemo on github

related code blow:

import { component } '@angular/core';  import { navcontroller } 'ionic-angular';      import { androidpermissions } '@ionic-native/android-permissions';  import { qrscanner, qrscannerstatus } '@ionic-native/qr-scanner';    @component({    selector: 'page-home',    templateurl: 'home.html'  })  export class homepage {      constructor(public navctrl: navcontroller,                public androidpermissions: androidpermissions,                public qrscanner: qrscanner) {      }      qrscanner() {        // optionally request permission      this.qrscanner.prepare()        .then((status: qrscannerstatus) => {          if (status.authorized) {            // camera permission granted            alert('authorized');              // start scanning            let scansub = this.qrscanner.scan().subscribe((text: string) => {              console.log('scanned something', text);              alert(text);              this.qrscanner.hide(); // hide camera preview              scansub.unsubscribe(); // stop scanning            });              this.qrscanner.resumepreview();              // show camera preview            this.qrscanner.show();              // wait user scan something, observable callback called            } else if (status.denied) {            alert('denied');            // camera permission permanently denied            // must use qrscanner.opensettings() method guide user settings page            // can grant permission there          } else {            // permission denied, not permanently. can ask permission again @ later time.            alert('else');          }        })        .catch((e: any) => {          alert('error is' + e);        });      }    }
<ion-header>    <ion-navbar transparent>      <ion-title>        ionic blank      </ion-title>    </ion-navbar>  </ion-header>      <ion-content padding style="background: none transparent;">    <button ion-button (click)="qrscanner()">qrscanner</button>  </ion-content>

run ionic project on android click button nothing happened , no camera preview show.

i test project again , find can scan qrcode , result test, no camera preview.

i search problem, says should set body , elements transparent. try not work.

android. nothing appears on screen. #35

anyone help?

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;">

Comments

Post a Comment

Popular posts from this blog

python - Selenium remoteWebDriver (& SauceLabs) Firefox moseMoveTo action exception -

while performing simple hover test on firefox through selenium (3.4.0) python bindings (3.4.3) using of available os in saucelabs (except linux, latest available firefox version old), performing following actionchain: hover = actionchains(driver) hover.move_to_element(elm_men_menu).perform() it throws following error: taceback: file [...] in testhover hover.perform() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 80, in perform action() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 290, in <lambda> command.move_to, {'element': to_element.id})) file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/remote/webdriver.py", line 256, in execute self.error_handler.check_response(response) file "/usr/local/lib/python2.7/...
Read more

html - How to custom Bootstrap grid height? -

why bootstrap grid has height 591.067 ? did height came ? .main-post { padding: 20px; background-color: #fff; border: 1px solid #d8d8d8; margin-bottom: 100px; } .main-post .post-categories { margin-bottom: 10px } .main-post h3 { margin: 0 0 10px; color: #777; letter-spacing: -1px; font-weight: bold } .main-post .post-author, .main-post .post-date, .main-post .post-comments { font-size: 12px } .main-post img { display: block; margin: 10px 0; } .main-post .post-summary { line-height: 1.7; color: #888 } .main-post { color: #999 } <div class="col-sm-6"> <div class="main-post"> <h3 class="post-title"> <a href="#"> post title </a> </...
Read more

Ansible warning on jinja2 braces on when -

i using code in vars my_var: "{{lookup('env','my_var') | default(true, true)}}" i using like - include: task.yml when: my_var this worked without issue in ansible 2.2 in ansible 2.3 warning this [warning]: when statements should not include jinja2 templating delimiters such {{ }} or {% %}. found: {{lookup('env','my_var') | default(true, true)}} so if use my_var: "lookup('env','my_var') | default(true, true)" , mean remove {{ }} , no warning my_var evaluated true no matter if pass false env variable. works fine in previous code gave how can fix it? the cleanest way set fact instead of using template in variable (it prevent lookup plugin being called multiple times in included tasks - not huge performance gain, cleaner): - set_fact: my_var: "{{lookup('env','my_var') | default(true, true)}}" also mind evaluate true in cases when environment my_var diff...
Read more