uni-app关闭底部系统导航栏的控制按钮BUG

描述

plus.navigator.hideSystemNavigation();

在uni-app中使用 plus.navigator.hideSystemNavigation(); 关闭导航栏时会出bug会留下一个黑框。这个bug基于手机;

平板的性能来决定出bug频率原因是:过早启用霸屏导致的(过早使用plus.navigator.hideSystemNavigation())

解决方式

第一种

这个方法一般都是写在 App.vue 的onLaunch()方法中的,尽量往后挪延迟启动霸屏, 如给一个 500 毫秒的 settimeout 即可解决此类问题

bash 复制代码
        // App.vue页面
		onLaunch: function() {
			setTimeout(() => {
				//隐藏底部系统导航栏的控制按钮,进入全屏...
				if (plus.os.name.toLowerCase() === 'android') {
		    		plus.navigator.hideSystemNavigation();
				}
				// 时间按照自己的测试来定义
			}, 600);
		}	
第二种

其实类似第一种,往后延迟霸屏的时间。将plus.navigator.hideSystemNavigation();写到home.vue

(首页)中

bash 复制代码
        // home.vue 页面
		onLoad() {
			// 隐藏底部系统导航栏的控制按钮,进入全屏...
			if (plus.os.name.toLowerCase() === 'android') {
			    plus.navigator.hideSystemNavigation();
			}			
		},
相关推荐
大叔_爱编程4 小时前
wx206基于ssm+vue+uniapp的优购电商小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
ElasticPDF-新国产PDF编辑器16 小时前
Uni-app PDF Annotation plugin library online API examples
pdf·uni-app
越学不动啦18 小时前
三、概念篇+Bug篇
bug·测试·软件测试入门·bug测试
伏游18 小时前
【BUG】生产环境死锁问题定位排查解决全过程
服务器·数据库·spring boot·后端·postgresql·bug
Kx…………1 天前
Uni-app入门到精通:uni-app的基础组件
前端·css·学习·uni-app·html
getyefang2 天前
uniapp如何接入星火大模型
ai·uni-app
@PHARAOH2 天前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
hunzi_12 天前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
芭拉拉小魔仙2 天前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
goto_w2 天前
uniapp上使用webview与浏览器交互,支持三端(android、iOS、harmonyos next)
android·vue.js·ios·uni-app·harmonyos