ionic QR Scanner常见问题解决

chavesgu 发布于2019-06-25 12:51 / 1184人阅读

摘要：解决办法全局搜索。要重新构建安卓平台不能扫码条形码问题此问题乃是编码格式的问题，扩充编码格式即可解决。解决办法全局搜索，找到文件，定位到定位到插件与插件冲突，导致黑屏。修改代码如下第一次进入扫描页面时页面没有透明第二次正常把代码放入。

扫码页面黑屏

1) src -> index.js。修改代码如下

2）src -> theme -> variables.scss

// qrScanner
ion-app.cameraView, ion-app.cameraView ion-content, ion-app.cameraView .nav-decor {
  background: transparent none !important;
  .tabbar.show-tabbar{
    opacity: 0;
  }
}
[app-viewport],
[overlay-portal],
[nav-viewport],
[tab-portal],
.nav-decor {
  display: none !important;
  background: none transparent !important;
}
html,

body.transparent-body,

.transparent-body,

.transparent-body ion-app,

.transparent-body .app-root,

.transparent-body ion-nav,

.transparent-body .ion-page,

.transparent-body .nav-decor,

.transparent-body ion-content,

.transparent-body .viewscan,

.transparent-body .fixed-content,

.transparent-body .scroll-content {

  background-color: transparent !important;

  background: transparent none!important;
}

多次扫码后摄像头发热的问题

this.qrScanner.hide(); // hide camera
this.qrScanner.destroy();  // destory camera

QR Scanner安卓不能扫码条形码问题

此问题乃是编码格式的问题，扩充编码格式即可解决。
解决办法：全局搜索formatList。找到QRScanner.java文件，定位到458行。

formatList.add(BarcodeFormat.UPC_A);
formatList.add(BarcodeFormat.UPC_E);
formatList.add(BarcodeFormat.EAN_13);
formatList.add(BarcodeFormat.EAN_8);
formatList.add(BarcodeFormat.CODE_39);
formatList.add(BarcodeFormat.CODE_93);
formatList.add(BarcodeFormat.CODE_128);
formatList.add(BarcodeFormat.ITF);
formatList.add(BarcodeFormat.DATA_MATRIX);

修改源代码后。要重新构建安卓平台

ionic cordova platform remove android
ionic cordova platform add android

QR Scanner IOS不能扫码条形码问题

此问题乃是编码格式的问题，扩充编码格式即可解决。
解决办法：全局搜索metadataObjectTypes，找到QRScanner.swift文件，定位到156H

metaOutput!.metadataObjectTypes = [AVMetadataObjectTypeQRCode, AVMetadataObjectTypeEAN13Code, AVMetadataObjectTypeEAN8Code, AVMetadataObjectTypeCode128Code, AVMetadataObjectTypeInterleaved2of5Code]

定位到241H

if [AVMetadataObjectTypeQRCode, AVMetadataObjectTypeEAN13Code, AVMetadataObjectTypeEAN8Code, AVMetadataObjectTypeCode128Code, AVMetadataObjectTypeInterleaved2of5Code].contains(found.type) && found.stringValue != nil {
    scanning = false
    let pluginResult = CDVPluginResult(status: CDVCommandStatus_OK, messageAs: found.stringValue)
    commandDelegate!.send(pluginResult, callbackId: nextScanningCommand?.callbackId!)
    nextScanningCommand = nil
}

cordova-plugin-crosswalk-webview插件与QR插件冲突，导致黑屏

src -> index.js。修改代码如下

第一次进入扫描页面时页面没有透明,第二次正常

把代码放入ionViewDidEnter。当进入页面时触发

ionViewDidEnter() {
   (window.document.querySelector("ion-app") as HTMLElement).classList.add("cameraView"); 
        this.isShow = true; 
        var cs = (window.document.querySelector("ion-app") as HTMLElement).classList.contains("cameraView");
        console.log(cs);
    }
}

超融合服务器 idc机房托管问题解决解决问题解决2038问题多云管理解决问题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/15002.html

ionic QR Scanner常见问题解决

摘要：解决办法全局搜索。要重新构建安卓平台不能扫码条形码问题此问题乃是编码格式的问题，扩充编码格式即可解决。解决办法全局搜索，找到文件，定位到定位到插件与插件冲突，导致黑屏。修改代码如下第一次进入扫描页面时页面没有透明第二次正常把代码放入。扫码页面黑屏 1) src -> index.js。修改代码如下 2）src -> theme -> variables.scss // qrScan...

MangoGoing 2019-06-25 17:21 评论0 收藏0
ionic QR Scanner常见问题解决

摘要：解决办法全局搜索。要重新构建安卓平台不能扫码条形码问题此问题乃是编码格式的问题，扩充编码格式即可解决。解决办法全局搜索，找到文件，定位到定位到插件与插件冲突，导致黑屏。修改代码如下第一次进入扫描页面时页面没有透明第二次正常把代码放入。 1 扫码页面黑屏 1) src -> index.js。修改代码如下 2）src -> theme -> variables.scss // q...

wuyangchun 2019-08-05 17:16 评论0 收藏0
ionic QR Scanner常见问题解决

摘要：解决办法全局搜索。要重新构建安卓平台不能扫码条形码问题此问题乃是编码格式的问题，扩充编码格式即可解决。解决办法全局搜索，找到文件，定位到定位到插件与插件冲突，导致黑屏。修改代码如下第一次进入扫描页面时页面没有透明第二次正常把代码放入。 1 扫码页面黑屏 1) src -> index.js。修改代码如下 2）src -> theme -> variables.scss // q...

leanxi 2019-08-23 18:04 评论0 收藏0
Java编程基础35——学生管理系统

摘要：视图层表示层数据传递给层实现接收用户输入并调用打印菜单获取用户输入调用对应方法欢迎来到学生管理系统添加用户编辑用户查询用户删除用户退出系统请输入要操作的功能序号接收用户的菜单选择对选择的菜单判 showImg(https://segmentfault.com/img/bVbiXjw?w=939&h=509); 1.视图层 package net.allidea.studentoa.ui...

mingde 2019-08-16 13:29 评论0 收藏0
Java编程基础35——学生管理系统

摘要：视图层表示层数据传递给层实现接收用户输入并调用打印菜单获取用户输入调用对应方法欢迎来到学生管理系统添加用户编辑用户查询用户删除用户退出系统请输入要操作的功能序号接收用户的菜单选择对选择的菜单判 showImg(https://segmentfault.com/img/bVbiXjw?w=939&h=509); 1.视图层 package net.allidea.studentoa.ui...

XanaHopper 2019-07-23 18:25 评论0 收藏0