首先,我的項目是在ionic1環(huán)境下創(chuàng)建的拍屑,后來升級到ionic3環(huán)境,項目還是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/到自己項目下/lib/ionic/(也就是替換)
3尔邓、更新cordova-plugin-statusbar
插件;
4锉矢、安裝插件ionic cordova plugin add cordova-plugin-ionic-webview
5铃拇、項目下運行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
不是所有步驟都清楚沈撞,只是按照ionic團(tuán)隊指示完成適配慷荔;
具體細(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");
}
}