捌拾年代
捌拾年代
  • 发布:2018-11-29 10:34
  • 更新:2024-03-10 11:12
  • 阅读:4479

如何隐藏系统虚拟导航栏,实现沉浸式模式

分类:Native.js

最近做一个社区智能导航,需要隐藏状态栏和虚拟导航按钮,实现沉浸式模式(专业叫法:https://blog.csdn.net/wangkai1101/article/details/52384911)

(1) 安卓Native.js隐藏系统虚拟导航栏(返回键、任务键、主页键) - DCloud问答
http://ask.dcloud.net.cn/question/6648
(2) 隐藏系统虚拟导航栏---永久隐藏 - DCloud问答
http://ask.dcloud.net.cn/question/48961

结合了以上两位楼主的方法,以及CSDN引文,已经基本实现隐藏状态栏和导航栏了,实现了引文中的“沉浸式模式”
特来分享:

	mui.plusReady(function() {  

		//隐藏系统导航按钮  
		var main = plus.android.runtimeMainActivity();  
		var windowMe = main.getWindow();  
		plus.android.importClass(windowMe);  
		var decorView = windowMe.getDecorView();  
		plus.android.importClass(decorView);  
		var View = plus.android.importClass("android.view.View");  
		decorView.setSystemUiVisibility(  
			View.SYSTEM_UI_FLAG_LAYOUT_STABLE |  
			View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION |  
			View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN |  
			View.SYSTEM_UI_FLAG_HIDE_NAVIGATION |  
			View.SYSTEM_UI_FLAG_FULLSCREEN |  
			View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);  

	});  

目前还有个问题就是通过上滑和下拉,还是可以调出状态栏和系统虚拟导航按钮,对于托管式设备还是存在APP被退出的隐患。

4 关注 分享
2***@qq.com 4***@qq.com 优雅的土豆 1***@qq.com

要回复文章请先登录注册

3***@qq.com

3***@qq.com

额,小白提问,这代码添加到哪里去呢?
2024-03-10 11:12
1***@qq.com

1***@qq.com

完美解决,感谢
2022-09-24 16:13
我的天空上

我的天空上

怎么判断手机是否有虚拟导航栏呢
2019-10-25 10:51
hafanYao

hafanYao

厉害的
2019-08-28 14:21