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();
			}			
		},
相关推荐
山河故人1636 小时前
基于 SSE 和分块传输的 Uniapp 微信小程序 实现 流式传输 对话
微信小程序·小程序·uni-app
不老刘8 小时前
Uni-app网络请求AES加密解密实现
网络·uni-app
洪洪呀8 小时前
uni-app vue3 实现72小时倒计时功能
vue.js·uni-app
Sc Turing8 小时前
【Vue3-Bug】中路由加载页面直接显示空白
前端·bug
HvrI18 小时前
【Harmony_Bug】forEach + asyncawait 的异步陷阱
开发语言·华为·bug·harmonyos·鸿蒙
shanks6611 小时前
【Bug】 [SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed
网络协议·bug·ssl
王哈哈的学习笔记1 天前
uniapp小程序使用echarts
前端·小程序·uni-app
yrldjsbk1 天前
uniapp小程序开发入门01-快速搭建一个空白的项目并预览它
uni-app
JavaDog程序狗1 天前
【实操】uniapp纯前端搞个识别植物花草小程序
前端·vue.js·uni-app
七七小报1 天前
uniapp-商城-42-shop 后台管理 分包
前端·uni-app