首页 > 代码库 > 使用ionic2开发一个二维码扫描功能
使用ionic2开发一个二维码扫描功能
界面添加一个按钮:
<button ion-button block color="secondary" class="Scan-button" (click)="scanQR()" [disabled]="loading">点我扫描</button>
ts具体代码:
import { Component } from ‘@angular/core‘;import { NavController } from ‘ionic-angular‘;import { BarcodeScanner } from "ionic-native";@Component({ selector: ‘page-home‘, templateUrl: ‘home.html‘})export class HomePage {public scannedText: string; constructor(public navCtrl: NavController) { } public scanQR() { BarcodeScanner.scan().then((barcodeData) => { if (barcodeData.cancelled) { console.log("User cancelled the action!"); return false; } console.log("Scanned successfully!"); console.log(barcodeData); this.scannedText=JSON.stringify(barcodeData); }, (err) => { console.log(err); }); }}
运行时会告诉你缺这个缺那个,只管npm install即可
然后编译成apk的时候会提示没有接受条款,其实是找不到依赖包,根据提示使用SDK Manager装上就行,扫描效果还是很好的。
使用ionic2开发一个二维码扫描功能
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。