IONIC Header sobrepoe o conteudo da tela as veses

21/01/2019

Estou tendo problemas com duas telas no ionic quando elas iniciam est�o perfeitas como devem ser, elas possuem um ion-header e dois ion-content um com conte�do e outro com um fundo transparente para o leitor de QRCode, toda vez que entro no leitor e depois da leitura ele fecha ap�s a leitura, o app mostra a tela de novo s� que com o conte�do por baixo do cabe�alho. J� tentei usar css mas continua do mesmo jeito.

<ion-header>
<ion-navbar color="primary">
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>Levantamento</ion-title>
</ion-navbar>
</ion-header>

// tela com conteudo
<ion-content *ngIf="mostrar">
</ion-content>

//leitor de QrCode
<ion-content style="background: none transparent !important;" *ngIf="!mostrar && lerQR">
</ion-content>

Victor Godoi

Curtir t�pico + 0

Responder

Posts

05/12/2019

Thiago

E ai Victor, blz?

Te adianto que n�o tenho muita propriedade t�cnica sobre o que vou falar, pois nunca teste. Mas, talvez, usar dois ion-content n�o seja o ideal para o que voc� est� fazendo. Que tal usar uma p�gina como modal para exibir o qr Code?

Entendendo a estrutura de page do ionic, poderia dizer que ele possui o ion-header e ion-content por default, sendo o ion-content, talvez, o �nico realmente importante. E que possam existir uma serie de eventos para quando um ion-content � carregado e quando deve ser carregado.

Diante disso, acho q a sugest�o acima possa te livrar de quebrar a cabe�a com o caso.

Responder

Gostei + 0