首先，我的項(xiàng)目是在ionic1環(huán)境下創(chuàng)建的，后來升級到ionic3環(huán)境，項(xiàng)目還是ionic1的。
接下來就是適配iPhone X了：
具體就是狀態(tài)欄和‘劉?！瘺_突，tabs等需要底部留白，官方已經(jīng)解決適配問題。
1、增加viewport-fit=cover
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
2、創(chuàng)建一個最新的ionic1工程ionic start helloworld --type ionic1
復(fù)制/helloworld/www/lib/ionic/到自己項(xiàng)目下/lib/ionic/（也就是替換）
3、更新cordova-plugin-statusbar插件；
4、安裝插件ionic cordova plugin add cordova-plugin-ionic-webview
5、項(xiàng)目下運(yùn)行npm i ionic-angular@legacy

更新：更新cordova-plugin-statusbar，要使用如下命令：

cordova plugin rm cordova-plugin-statusbar
cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git

image.png

不是所有步驟都清楚，只是按照ionic團(tuán)隊(duì)指示完成適配；
具體細(xì)節(jié)：
http://blog.ionicframework.com/ios-11-checklist/
https://github.com/ionic-team/ionic-v1/issues/317

祝好！

注意：適配iphoneX后，在android上可能會出現(xiàn)statusbar背景黑色（我遇到了），導(dǎo)致電量、信號等黑字顯示不出，需要修改statusbar顏色：

if (window.StatusBar) {
        if (ionic.Platform.isAndroid()) {
          StatusBar.backgroundColorByHexString("#ccc");
        } 
}