在项目开发中,基于iOS的H5,Applet和App必须考虑iPhone底部的底部黑色条。将会有一个塔巴尔底部菜单。底部的浅滩条,如果空间的一部分被直接倒空,则由于不同的型号而产生不同的底部安全区域,因此需要一种合适的处理方法。
如果您只需要清空该区域的这一部分,则可以通过Uni-App的处理方法添加指定的代码以完成处理
上述配置后,框架将自动识别设备模型并配置相应的安全区域高度。没有安全区域0。不必担心打破版本。
上述方法只能被动地接受框架的处理,有时有必要获得实际的安全区域高度方便和动态的高度处理。
例如,H5接口包含三个部分:头部,内容区域和TABBAR。中间内容区域的高度较高。如果不能完全支持它,则允许动态高度,并允许滚动滚动。
目前,如果您需要计算中间的高度,则可以定制头部和塔巴尔。固定高度可以直接用于计算,但是它是否包含安全区域,安全区域的高度未知,因此有必要实时获得。
API返回一个包含右下右下宽度高度的物体,其中底部为安全区域高度
相应的兼容性如下,Uni-App 2.5.3+的版本使用SafeAreainsets值
SafeAraints插入位置(2.5.3+)应用程序,H5,微信中的Mini Program在垂直屏幕的安全区域