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.