ionic4使用Barcode Scanner插件实现二维码、条形码扫描功能
样式好看,类似支付宝的扫描框、速度稍微比最后一个慢几百毫秒,主要问题是 Android 部分手机扫描完成以后有抖动问题。
官网地址 https://ionicframework.com/docs/native/barcode-scanner
安装插件
ionic cordova plugin add phonegap-plugin-barcodescanner
npm install @ionic-native/barcode-scanner
在app.module.ts中导入
import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';
providers: [
BarcodeScanner
],
使用
import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';
constructor(
private barcodeScanner: BarcodeScanner
) {}// 使用Barcode Scanner插件实现二维码、条形码扫描
doBarCodeScanner() {
this.barcodeScanner.scan().then(barcodeData => {
alert(JSON.stringify(barcodeData));
}).catch(err => {
alert(err);
});
}
效果图 【ionic4使用Barcode Scanner插件实现二维码、条形码扫描功能】
文章图片
推荐阅读
- 由浅入深理解AOP
- 【译】20个更有效地使用谷歌搜索的技巧
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- MybatisPlus使用queryWrapper如何实现复杂查询
- iOS中的Block
- Linux下面如何查看tomcat已经使用多少线程
- 使用composer自动加载类文件
- android|android studio中ndk的使用
- 使用协程爬取网页,计算网页数据大小