RN 踩坑:內容區域高度

萬萬沒想到,魅族有個 Smart barjavascript

如下內容要是不當心搞錯了還請好心人士指正java

Dimensions

Dimensions 獲取的是設備屏幕分辨率對應的寬高,包含了 status bar 以及其它 bar.react

ios

ios 比較簡單,就一個 statusBar,iphoneX 是一類,其它的是一類,使用 paddingTop 可抵消 statusBar,項目使用 native-base 的 header,設置以下:android

paddingTop: platform === "ios" ? (variables.isIphoneX ? 39 : 15) : 0
height: platform === "ios" ? (isIphoneX ? 88 : 64) : 56
複製代碼

android

android 有三種 bar:Soft menu, Status bar, Smart bar,其中,Smart bar 爲魅族特有。在使用內容區域高度時須要考慮以上三種 bar。固然,工具已經有人作好了:github.com/Sunhat/reac…ios

flex 大法

若是不想計算內容區域高度,統統用 flex 也是能夠的git

多說一句

第一個萬萬沒想到應該是小米手機開發者模式居然要插 sim 卡,要插 sim 卡…… 耿耿於懷 n 年github

相關文章
相關標籤/搜索