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

描述

plus.navigator.hideSystemNavigation();

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

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

在这里插入图片描述

解决方式

第一种

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

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

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

        // home.vue 页面
		onLoad() {
			// 隐藏底部系统导航栏的控制按钮,进入全屏...
			if (plus.os.name.toLowerCase() === 'android') {
			    plus.navigator.hideSystemNavigation();
			}			
		},
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值