React-Native 適配iPhoneX 目前最簡(jiǎn)單的方法

iPhoneX由于多了大圓角、傳感器(齊劉海)以及底部訪問(wèn)主屏幕的指示遮擋,所以需要注意原有這部分內(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來(lái)實(shí)現(xiàn)頁(yè)面,不要忘了在RN中修改相應(yīng)NaviBar/TabBar的高度尚猿。

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

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

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

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末窝稿,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子凿掂,更是在濱河造成了極大的恐慌伴榔,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,042評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異踪少,居然都是意外死亡塘安,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門援奢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)兼犯,“玉大人,你說(shuō)我怎么就攤上這事萝究。” “怎么了锉罐?”我有些...
    開(kāi)封第一講書人閱讀 156,674評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵帆竹,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我脓规,道長(zhǎng)栽连,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 56,340評(píng)論 1 283
  • 正文 為了忘掉前任侨舆,我火速辦了婚禮秒紧,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘挨下。我一直安慰自己熔恢,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布臭笆。 她就那樣靜靜地躺著叙淌,像睡著了一般。 火紅的嫁衣襯著肌膚如雪愁铺。 梳的紋絲不亂的頭發(fā)上鹰霍,一...
    開(kāi)封第一講書人閱讀 49,749評(píng)論 1 289
  • 那天贾费,我揣著相機(jī)與錄音撤缴,去河邊找鬼尸昧。 笑死伏蚊,一個(gè)胖子當(dāng)著我的面吹牛磕昼,可吹牛的內(nèi)容都是我干的外遇。 我是一名探鬼主播洛搀,決...
    沈念sama閱讀 38,902評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼扳抽,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼斤贰!你這毒婦竟也來(lái)了玷氏?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 37,662評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤腋舌,失蹤者是張志新(化名)和其女友劉穎盏触,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,110評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡赞辩,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年雌芽,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片辨嗽。...
    茶點(diǎn)故事閱讀 38,577評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡世落,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出糟需,到底是詐尸還是另有隱情屉佳,我是刑警寧澤,帶...
    沈念sama閱讀 34,258評(píng)論 4 328
  • 正文 年R本政府宣布洲押,位于F島的核電站武花,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏杈帐。R本人自食惡果不足惜体箕,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望挑童。 院中可真熱鬧累铅,春花似錦、人聲如沸站叼。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,726評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)尽楔。三九已至换薄,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間翔试,已是汗流浹背轻要。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,952評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留垦缅,地道東北人冲泥。 一個(gè)月前我還...
    沈念sama閱讀 46,271評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像壁涎,于是被迫代替她去往敵國(guó)和親凡恍。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

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