React-Native 适配iPhoneX 目前最简单的方法

iPhoneX由于多了大圆角、传感器(齐刘海)以及底部访问主屏幕的指示遮挡,所以需要注意原有这部分内容的设计。
iOS11前导航栏的高度是64,其中statusBar的高度为20,而iPhoneX的statusBar高度变为了44,如果是自定义的NaviBar,这部分需要做相应的适配。

iPhoneX的底部增加了虚拟Home区,由于安全区域的原因默认tabBar的高度由49变为83,增高了34,所以自定义的底部TabBar也需要需改其适配方案。

可能有部分APP使用了RN来实现页面,不要忘了在RN中修改相应NaviBar/TabBar的高度。

目前项目碰到了适配问题.看了几个插件,有的可能跑起来需要时间.
有的比较复杂自己封装了下,觉得还是挺简单的.
今天放出来,希望大家可以使用.
github地址:

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

还有官网维护的一些适配插件,我觉得使用过于复杂.

如果你的项目是0.43以下的话,name这种方式还是比较适合你的.
如果你有很好的封装,那么恭喜你,你修改的会更快.

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,556评论 25 708
  • 一.iPhone X尺寸问题 1. 高度增加了145pt,变成812pt. 2.屏幕圆角显示,注意至少留10pt边...
    骑行天下阅读 12,951评论 5 36
  • 飞机飞向高空,坐在窗边,看着温柔洁白如棉花一样的云层,发呆,冥想。我在想,如果我从这厚厚的云朵中坠落,会不会把这层...
    贝壳0703阅读 299评论 1 2
  • 别人是不可能被改变的,除非他自己想改变。强制的改变,一但旦强制力去掉,改变反弹。
    刘姥姥2017阅读 209评论 0 0
  • 最近发现很多小说主角名字取自中医药材,我觉得做出这种选择的人都非常的有品位~小伙伴们不妨查查仙剑三的主角们、三生三...
    和光同尘月阅读 378评论 0 0