Ionic3アプリ(iOS版)のセレクトボックスにdone(完了)が出ない
Published in
2 min readMay 19, 2019
先日アプリ内で都道府県選択のために、selectタグを設置して都道府県を選択させたかったのですが
iOSではお馴染みのセレクトボックス内右上に”Done”(”完了”)が、表示されない…!!
HTML5準拠のド普通なselectタグを設置して表示されなかっただけに、何故という気持ち…
解決策
app.component.tsのコンストラクタ内にkeyboardの設定を明示的に書くことで解決できました。
https://github.com/ionic-team/cordova-plugin-ionic-keyboard#keyboardhideformaccessorybar
import { Component } from “@angular/core”;
import { Platform, Keyboard } from “ionic-angular”;
@Component({
templateUrl: “app.html”
})
export class MyApp {
constructor(
public platform: Platform,
keyboard: Keyboard,
) {
platform.ready().then(() => {
keyboard.hideFormAccessoryBar(false);
});
}
}
keyboard.hideFormAccessorBar
は「前へ」「次へ」「∧」「∨」「完了」ボタンの表示/非表示を設定できるもので、
デフォルトではtrueとなっており、表示されないことが原因でした。