Done button not showing in ionic view - Ionic 2


#1

Hi, I’m experiencing an issue with my app. As you see in the screenshot below the done button is not showing in ionic view and since I have no macbook I can’t emulate on ios.

I’ve already tried to import @ionic-native/keyboard and set keyboard.hideKeyboardAcessoryBar to false in my app.components.ts and in a page with a select tag but it’s not working. Is it a problem with ionic view or do I will experience it even after publishing my app?

Here is a sample from the html and ts code of a page with a select tag.

The imports:


> import { Component } from '@angular/core';
> import { IonicPage, NavController, NavParams, ModalController, LoadingController } from 'ionic-angular';
> import { TranslateService } from "@ngx-translate/core";
> import { ApiServicesProvider } from '../../providers/api-services/api-services';
> import { GlobalVariablesProvider } from '../../providers/global-variables/global-variables';
> import { Keyboard } from '@ionic-native/keyboard';

The constructor:

> constructor(public navCtrl: NavController, public navParams: NavParams,
>                 public modalCtrl: ModalController, private translate: TranslateService,
>                 private api: ApiServicesProvider, private global: GlobalVariablesProvider,
>                 private loadingCtrl: LoadingController, private keyboard: Keyboard ) {
>         this.sessions = this.navParams.get('sessions');
>         this.getHours();
>         this.tickets = this.sessions.Tickets;

>         this.sessions.ScheduledDate = new Date(this.sessions.ScheduledDate);
>         this.hour = this.hours[0];

>         this.setTranslate();
>         this.keyboard.hideKeyboardAccessoryBar(false);
>   }

And the html code:


> <ion-header>

>   <ion-navbar>
>     <ion-title>{{ 'HOUR.TITLE' | translate }}</ion-title>
>   </ion-navbar>

> </ion-header>


> <ion-content padding class="getstart">
>     <div class="center-page">
>         <h4 style="text-align: center; color: white">
>           {{ 'HOUR.CHOOSE' | translate }}
>         </h4>
>           <hr color="white" width="25%" align="center" />
>           <div style="text-align: center">
>             <select [(ngModel)]="hour">
>                 <option *ngFor="let h of hours" [ngValue]="h">{{h.Str}}</option>
>             </select>
>              <div>
>                  <button ion-button block (click)="setDate(hour); validate();" class="button-margin-top">
>                       {{ 'HOUR.VALIDATE' | translate }}
>                   </button>
>               </div>
>           </div>
>     </div>
> </ion-content>

Thanks for helping and sorry for my low level in english.

Jean-bon.