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();
			}			
		},
相关推荐
吴传逞6 分钟前
记一次uniapp+nutui-uniapp搭建项目
uni-app
雪芽蓝域zzs3 小时前
uni-app倒计时公共组件 封装,倒计时组件
uni-app
2501_915918415 小时前
iOS 开发全流程实战 基于 uni-app 的 iOS 应用开发、打包、测试与上架流程详解
android·ios·小程序·https·uni-app·iphone·webview
黑马源码库miui520866 小时前
JAVA同城打车小程序APP打车顺风车滴滴车跑腿源码微信小程序打车源码
java·微信·微信小程序·小程序·uni-app
清风细雨_林木木11 小时前
uni-app 和 uni-app x 的区别
uni-app
iOS阿玮11 小时前
期待iOS开发者加入,共同抵制“苹果税”反垄断招募令!
uni-app·app·apple
普通网友11 小时前
支持二次开发的代练App源码:订单管理、代练监控、安全护航功能齐全,一站式解决代练护航平台源码(PHP+ Uni-app)
安全·uni-app·php
蜕变菜鸟11 小时前
uview使用u-popup组件当开启遮罩层禁止下层页面滚动。uniapp弹框禁止页面上下滚动。
uni-app
boonya1 天前
国内外常用的免费BUG管理工具选型
bug
10岁的博客1 天前
Bug排查日记:高效记录与解决之道
bug