刘海屏适配方案调研

1.问题场景

部分机型存在隐藏刘海屏的全局功能；notch高度与隐藏刘海模式下黑边高度（statusBar）不同；weex以相同的statusBar距离设置造成刘海隐藏模式上边距很窄，视觉效果差。 image

2.影响范围

有隐藏刘海屏功能的机型；如小米刘海屏机型且系统在Android9.0以前；（重点调研）
9.0之后去除了隐藏刘海屏的功能

image

华为部分机型。

3.调研已知

** 1.status Bar与notch 不相等，**且notch小于status Bar高度

image

2.只有小米刘海屏机型9.0之前机型有隐藏刘海屏功能

3.miui10才能获取到notch高度

image

miui10以前的刘海屏机型是获取不到刘海notch高度的；

4.解决方案

1.以status Bar高度为准
市面上大多数应用方案

• 效果为未隐藏时顶部距离略高于隐藏时距离。

• 无技术风险，无遮盖内容风险

爱奇艺

image image

有品原生

image image

百度地图

image image

2.动态设置顶部高度
隐藏刘海时以status Bar为准；未隐藏时以notch为准，两种情况视觉效果相同

• 技术风险：miui10之前刘海屏不能获取到notch高度；

• 9.0之前国产rom解决方案五花八门难以完整适配。9.0之后google有统一api但已经没有9.0的保留隐藏刘海屏功能的机型

3.保留标题栏
-ui改动大，不建议
天猫

image

​

由于适配难度与可行性问题，不建议采用方案二，建议参照方案一进行适配。