Ionic3アプリ(iOS版)のセレクトボックスにdone(完了)が出ない

Adachi Tsukasa
kineca-developer
Published in
2 min readMay 19, 2019

先日アプリ内で都道府県選択のために、selectタグを設置して都道府県を選択させたかったのですが
iOSではお馴染みのセレクトボックス内右上に”Done”(”完了”)が、表示されない…!!
HTML5準拠のド普通なselectタグを設置して表示されなかっただけに、何故という気持ち…

右上のDone(完了)ボタンのない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となっており、表示されないことが原因でした。

右上にDone(完了)が表示されている

--

--