uni-app - 检查机型是否为刘海屏（如iPhone X）

前言

有时候，普通机型的界面，到刘海屏上就会有问题，尤其是顶部最容易出问题。

如果知道了是否是刘海屏，那么我们可以动态设置一些 css 属性，来兼容样式。

实现

利用 5+ API 可查询当前设备是否为刘海屏。

plus.navigator.hasNotchInScreen()

返回值为 Boolean

演示

可在 onShow() 生命周期函数中直接判断：

if(plus.navigator.hasNotchInScreen(