React-Native 適配iPhoneX 目前最簡單的方法

iPhoneX由于多了大圓角、傳感器(齊劉海)以及底部訪問主屏幕的指示遮擋,所以需要注意原有這部分內(nèi)容的設(shè)計(jì)。
iOS11前導(dǎo)航欄的高度是64,其中statusBar的高度為20,而iPhoneX的statusBar高度變?yōu)榱?4,如果是自定義的NaviBar,這部分需要做相應(yīng)的適配。

iPhoneX的底部增加了虛擬Home區(qū),由于安全區(qū)域的原因默認(rèn)tabBar的高度由49變?yōu)?3,增高了34,所以自定義的底部TabBar也需要需改其適配方案。

可能有部分APP使用了RN來實(shí)現(xiàn)頁面,不要忘了在RN中修改相應(yīng)NaviBar/TabBar的高度。

目前項(xiàng)目碰到了適配問題.看了幾個(gè)插件,有的可能跑起來需要時(shí)間.
有的比較復(fù)雜自己封裝了下,覺得還是挺簡單的.
今天放出來,希望大家可以使用.
github地址:

https://github.com/JonsonHI/IphoneX/tree/master

還有官網(wǎng)維護(hù)的一些適配插件,我覺得使用過于復(fù)雜.

如果你的項(xiàng)目是0.43以下的話,name這種方式還是比較適合你的.
如果你有很好的封裝,那么恭喜你,你修改的會(huì)更快.

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,021評(píng)論 25 709
  • 一.iPhone X尺寸問題 1. 高度增加了145pt,變成812pt. 2.屏幕圓角顯示,注意至少留10pt邊...
    騎行天下閱讀 13,233評(píng)論 5 36
  • 飛機(jī)飛向高空,坐在窗邊,看著溫柔潔白如棉花一樣的云層,發(fā)呆,冥想。我在想,如果我從這厚厚的云朵中墜落,會(huì)不會(huì)把這層...
    貝殼0703閱讀 316評(píng)論 1 2
  • 別人是不可能被改變的,除非他自己想改變。強(qiáng)制的改變,一但旦強(qiáng)制力去掉,改變反彈。
    劉姥姥2017閱讀 218評(píng)論 0 0
  • 最近發(fā)現(xiàn)很多小說主角名字取自中醫(yī)藥材,我覺得做出這種選擇的人都非常的有品位~小伙伴們不妨查查仙劍三的主角們、三生三...
    和光同塵月閱讀 391評(píng)論 0 0

友情鏈接更多精彩內(nèi)容