当前位置：首页 > article >正文

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

article 2025/1/10 17:04:17

描述

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();
			}			
		},