ionic二维码扫描（qr-scanner在项目中的使用）

一、项目插件基本信息：

1、npm V6.9.0

2、node.js V10.16.0

3、ionic V5.2.0

4、Cordova V8.1.2 ([email protected])

5、java V1.8.0_131

6、gradle V4.10.1

二、在项目根目录执行doc，运行指令：

ionic cordova plugin add [email protected]

npm install @ionic-native/[email protected]

三、src\app\app.module.ts 加入

import { QRScanner } from '@ionic-native/qr-scanner';

providers: [QRScanner ]

四、src\index.html ion-app增加样式

五、src\theme\variables.scss 增加样式

ion-app.cameraView, ion-app.cameraView ion-content, ion-app.cameraView .nav-decor {  background: transparent none !important;   .tabbar.show-tabbar{    opacity: 0;  }}

六、src\assets\imgs 加入svg

链接: https://pan.baidu.com/s/19OcMUwadRVlvTuGYmKTQHA 提取码: 6j79 

七、src\pages加入文件夹scan

scan.html

        扫描中……