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();
			}			
		},
相关推荐
紫璨月2 小时前
rabbitMQ读取不到ThreadLocal消息的bug
rabbitmq·bug·java-rabbitmq
米粒宝的爸爸18 小时前
uniapp在app端,在导航栏设置自定义按钮
uni-app
dssxyz19 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
xw519 小时前
我犯了错,我于是为我的uni-app项目引入环境标志
前端·uni-app
!win !19 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
颜渊呐1 天前
uniapp中APPwebview与网页的双向通信
前端·uni-app
白杨木影子被拉长1 天前
多状态映射不同样式(scss语法)
vue.js·uni-app
一念杂记1 天前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
aklry1 天前
uniapp三步完成生成一维码图片
uni-app
zzc9212 天前
Adobe Illustrator设置的颜色和显示的颜色不对应问题
adobe·bug·illustrator·错误·配色·透明度·底色