捌拾年代
捌拾年代
  • 发布:2018-11-29 10:34
  • 更新:2024-11-16 01:20
  • 阅读:4792

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

分类: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被退出的隐患。

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

要回复文章请先登录注册

不卡BUG

不卡BUG

回复 3***@qq.com :
//隐藏系统导航按钮
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.js

onLaunch: function() {里
2024-11-16 01:20
不卡BUG

不卡BUG

感谢大佬
2024-11-16 01:20
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