html – IONIC 3：如何使用QR扫描仪插件在IOS中将背景设置为透明？

2023年5月30日 251次阅读

我正在使用Ionic Native插件QR SCANNER,但
IOS中的应用程序未显示预览.做了很多研究,但没有解决方案.我设置了背景颜色：透明！对于几乎所有东西都很重要,包括：

html, body, ion-app, ion-content, ion-page, .nav-decor, content-md, content-ios,ion-app.ios,.fixed-content,.scroll-content{
    background-color: transparent !important;
}

但是IOS中的应用程序仍然显示白色屏幕而不是预览而QR扫描仪在后台工作只是没有显示预览.在Android上一切正常.

最佳答案 终于找到了离子3的答案.

每次调用要扫描的函数时,都可以将元素ion-app的display属性更改为none：

let ionApp = document.getElementsByTagName('ion-app')[0];
ionApp.style.display = 'none';

当您从扫描仪获取文本时,请致电：

ionApp.style.display = 'block';

如果你想要,你可以使用Zbar Native plugin而不是QR-scanner插件.
希望它对某人有帮助.

点赞