uniapp: webview全屏遮挡住状态栏的解决方案

最新推荐文章于 2024-09-20 08:00:00 发布

米法老婆塞尔达

最新推荐文章于 2024-09-20 08:00:00 发布

阅读量6.2k

点赞数 2

文章标签： vue html vue.js

本文链接：https://blog.csdn.net/m0_59638694/article/details/123804782

版权

本文介绍了在uniApp中，当webview加载时导航栏被遮挡的问题及其解决方案。通过获取设备信息动态设置webview的高度，避免底部返回条的影响。在onLoad()函数中，利用uni.getSystemInfo获取状态栏高度，然后设置webview的样式，使其顶部距状态栏相应高度，并减去状态栏高度以实现全屏效果。

摘要由CSDN通过智能技术生成

什么是webview？
应用场景
我在页面调用webview导航栏被webview给覆盖住了
https://blog.csdn.net/weixin_45360473/article/details/115006620
转载的，我又加了一下我的分析和应用场景。
在这里插入图片描述

网上搜的结果也不尽人意没办法只能网上找资源，然后主要的就是在wv.setstyle()这里的height：height
底部会被最下面的返回条遮住（地下红框的地方），
改成height：height - statusbar 之后就好了，应该是底部的导航栏给去掉了
感谢，写这位的大佬帮我解决，我也来转载加上自己的分析
在这里插入图片描述