La respuesta de @ Und3rTow es bastante correcta, gracias. Pero un valor booleano no es realmente necesario:

 keyboardCheck() { return !this.keyboard.isOpen(); }

HTML:

 <ion-footer *ngIf="keyboardCheck()"> ... </ion-footer>

Incluso puedes evitar esa función también:

 <ion-footer *ngIf="!keyboard.isOpen()"> ... </ion-footer>

Debería poder usar laAPI de teclado iónico para esto, más específicamente, el método isOpen() ; algo como esto debería funcionar:

 export class MyClass { showFooter: boolean = true; constructor(public keyboard: Keyboard) { } keyboardCheck() { if (this.keyboard.isOpen()) { // You logic goes here this.showFooter = false; } } }

y en tu HTML puedes usar ngIf :

 <ion-footer *ngIf="showFooter"> <div class="footer1" > <p>You don't have account? <span [navPush]="pushPage"> Register here</span></p> </div> </ion-footer>

Gracias a @sebaferreras por señalar que es posible que deba llamar a resize() para indicarle al contenido que recalcule sus dimensiones al agregar encabezados/pies de página de forma dinámica.

Tuve problemas similares.

Ahora no estoy muy seguro de cuál de los complementos de teclado usé, pero puede probar este: https://ionicframework.com/docs/v2/native/keyboard/

Asegúrese de instalar primero el complemento, luego en su archivo app.scss, agregue estas líneas:

 body.keyboard-is-open .scroll-content { margin-bottom: 0 !important; } body.keyboard-is-open .fixed-content { margin-bottom: 0 !important; } body.keyboard-is-open .applyFooter{ display: none; bottom: 0; }

Nota: tenía una clase en el pie de página como class="applyFooter"

 <ion-footer class="applyFooter"> </ion-footer>