html - ionic 3 : How to Set Background to Transparent in IOS with QR Scanner Plugin?

Question

我正在使用 Ionic Native 插件 QR SCANNER，但 IOS 中的应用程序未显示预览。做了很多研究，但没有解决方案。我已经设置了 background-color: transparent !important 几乎所有内容，包括:

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 上一切正常。

Answer 1

终于找到了 ionic 3 的答案。你可以在每次调用扫描函数时将元素ion-app的display属性改为none:

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

当您从扫描器中获取文本时，调用:

ionApp.style.display = 'block';

如果您愿意，可以使用 Zbar Native plugin而不是 QR 扫描仪插件。希望对某人有帮助。