apicloud針對iPhoneX適配問題
1、iPhoneX啟動圖尺寸為1125*2436 若未上傳對應的iPhone X啟動圖或者啟動圖格式不正確,應用執行在iPhone X上面時上下將有大黑邊,不能全屏執行。
2、狀態列高度不再是以前的20px,而是變成了44px,如果應用開啟了沉浸式效果,那麼頁面頂部會被遮住部分。 找到api.js中的fixIos7Bar、fixStatusBar方法,用以下程式碼替換即可。 u.fixIos7Bar = function(el){ return u.fixStatusBar(el); }; u.fixStatusBar = function(el){ if(!u.isElement(el)){ console.warn(’$api.fixStatusBar Function need el param, el param must be DOM Element’); return 0; } el.style.paddingTop = api.safeArea.top + ‘px’; return el.offsetHeight; };
3、底部標籤欄被虛擬home鍵遮擋。 可以通過openWin和setWinAttr方法的hideHomeIndicator引數來控制顯示隱藏,這對於沉浸式體驗較高的場景很有用(比如觀看視訊)。而一般的頁面通常的做法是避開虛擬home鍵,這裡參考header的處理,我們在api.js中新增一個fixTabBar方法: u.fixTabBar = function(el){ if(!u.isElement(el)){ console.warn(’$api.fixTabBar Function need el param, el param must be DOM Element’); return 0; } el.style.paddingBottom = api.safeArea.bottom + ‘px’; return el.offsetHeight; }