uniapp如何获取状态栏高度

2,937 阅读1分钟

注意:不同型号手机状态栏高度不统一

参考链接:uniapp.dcloud.io/tutorial/sy…]

场景:当未计算状态栏高度时,页面占满整屏时会出现滚动效果(上下滚动),所以需要减去状态栏高度

解决方法: 在onload时通过uni.getSystemInfoSync().statusBarHeight获取状态栏高度然后通过style绑定方式给站位view设定高度。通过减去状态栏(状态栏高度不统一)和导航栏高度(导航栏一般为固定高度),获取内容的整体高度,这样整个页面不会出现滚动效果。

image.png

image.png

image.png