ionic（cordova）iPhoneXでスプラッシュ画像が正しく表示されなかったときの対応

ionic cordova

まず、スプラッシュ画像をセットする方法は2つあってxcodeのimages.xcassetsの以下のどちらかに正しいサイズの画像をセットすれば良いらしい。
1. LaunchImageに画像をセット
2. LaunchStoryboardに画像をセット

今回は1.の方でやったときの流れをメモしておく。

1. 画像を準備
1125 x 2436 と 2436 x 1125 の画像をそれぞれ準備して、resources/ios/splashに置く。

2. config.xmlの編集

config.xml

・・・
<splash src="resources/ios/splash/1125_2436.png" width="1125" height="2436"/>
<splash src="resources/ios/splash/2436_1125.png" width="2436" height="1125"/>
・・・

いちおうこれだけで上手く行く予定だったのが、上手くいかずに少しハマった。。スプラッシュの制御で、cordova-plugin-splashscreen というプラグインを使っているようだが、これのバージョンがデフォルトのままだとiPhoneXに対応されていないようで、githubから直接DLする必要があった。

$ ionic plugin rm cordova-plugin-splashscreen
$ ionic plugin add ionic plugin add https://github.com/apache/cordova-plugin-splashscreen.git#5.0.2

https://github.com/apache/cordova-plugin-splashscreen/commit/4ffaaa295202fb5adfcf5644c6226bdb31b283bb
こちらのコミットで対応いただけたらしく、5.0.2以上が必要ぽかった。

以上です