IONIC 3:如何使用QR扫描仪插件在IOS中将背景设置为透明?

时间:2017-10-10 23:40:34

标签: html ios css ionic-framework ionic3

我正在使用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上一切正常。

1 个答案:

答案 0 :(得分:1)

终于找到了离子3的答案。 每次调用要扫描的函数时,您都可以将元素 ion-app 的显示属性更改为none:

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

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

ionApp.style.display = 'block';

如果您愿意,可以使用Zbar Native plugin代替QR-scanner插件。 希望它对某人有所帮助。