uni-app去除手机的状态栏(像电量、信号、时间等)

韩召华

已于 2023-07-14 11:12:26 修改

阅读量3.1k

点赞数 2

文章标签： uni-app

于 2023-07-14 11:10:11 首次发布

本文链接：https://blog.youkuaiyun.com/qq_43787947/article/details/131719319

版权

在uni-app中，遇到导航内容与状态栏重叠的问题，可以通过调用plus.navigator.setFullscreen(true)隐藏顶部信息，使用plus.navigator.hideSystemNavigation()隐藏虚拟按键来解决。此外，利用plus.screen.lockOrientation方法可以在应用启动时设定横屏或竖屏模式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、 uni-app自定义导航栏时，导航内容会和手机自带的状态栏相重叠，为了解决这个问题可以这样：


onShow() {
     // 隐藏顶部电池,时间等信息 
     plus.navigator.setFullscreen(true);
     //隐藏虚拟按键
     plus.navigator.hideSystemNavigation() 
 },

二、uni-app手机进入时配置横/竖屏，可以这样设置：

onLaunch() {
			console.log('App Launch');
			// #ifdef APP-PLUS
			// app 锁定横屏
			   plus.screen.lockOrientation('landscape-primary');
			// app 强制竖屏
			// plus.screen.lockOrientation('portrait-primary'); 
			// #endif
		},