ionic4 扫描 Barcode Scanner

Barcode Scanner官网地址

Barcode Scanner 中文
Barcode Scanner 英文

步骤

一定要按照这个步骤操作,不然不会出来效果的。

1.一定要先打包

ionic cordova platform add ios //iOS平台
ionic cordova platform add android //Android平台

2.运行代码

ionic build --prod
ionic cordova prepare

3.引入Barcode Scanner

$ ionic cordova plugin add phonegap-plugin-barcodescanner
$ npm install --save @ionic-native/barcode-scanner@4

3.用法

app.module.ts

import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';
@NgModule({
....
providers: [
....
BarcodeScanner,
...
],
...
})

import { BarcodeScanner } from '@ionic-native/barcode-scanner';
constructor(private barcodeScanner: BarcodeScanner) { }

...

this.barcodeScanner.scan().then(barcodeData => {
console.log('Barcode data', barcodeData);
}).catch(err => {
console.log('Error', err);
});

注意:
Barcode Scanner 不可以自定义界面,比较笨重。

你可能感兴趣的:(ionic4 扫描 Barcode Scanner)