Блог

Главная - Вопросы по программированию - Ионный 5 конденсатор Qr-код вид камеры не отображается

Ионный 5 конденсатор Qr-код вид камеры не отображается

#css #webview #qr-code #capacitor #ionic5

Вопрос:

При использовании пакета QR-кода конденсатора я получаю пустой экран.

Я использую это для создания простого сканера QR-кода, но при вызове метода scan () я продолжаю получать черный экран

Ответ №1:

поэтому при вызове QRScanner.show() WebView становится прозрачным, как

 SomeElement{
background : none transparent ;
}

но дело в том, что ionic не использует «background», вместо этого он использует «—background», так что я точно сделал, я поместил
эту строку в Android Studio QRScanner.Строка Java 473:

 webView.getView().setBackgroundColor(Color.TRANSPARENT);

в global.scss :

 ion-app.cameraView,
ion-app.cameraView ion-content,
ion-app.cameraView .nav-decor,
ion-app.cameraView ion-page {
  background: transparent none !important;
  --background :transparent none !important;
  --ion-background-color: none; // this is important
}

при загрузке сканера (непосредственно перед QRScanner.prepare())

 (window.document.querySelector('ion-app') as HTMLElement).classList.add('cameraView');

и, конечно, когда закончите, вернитесь к обычному виду

 (window.document.querySelector('ion-app') as HTMLElement).classList.remove('cameraView');

Надеюсь, это кому-нибудь поможет

Метки: