n***@126.com
n***@126.com
  • 发布:2017-12-06 09:17
  • 更新:2017-12-06 10:54
  • 阅读:1024

【问题咨询】安卓沉浸式状态栏

分类:MUI

【测试手机】:魅族、华为
【代码】:
manifest.json里面配置

"plus": {  
        "statusbar": {  
            "immersed": true  
        },  
        "launchwebview": {  
            "statusbar": {  
                "background": "#009be0"  
            }  
        },  
        }
"google": {  
        "ImmersedStatusbar": true,    
        },

页面引用js文件
<script src="../js/immersed.js"></script>

mui.plusReady(function() {  
                var topoffset = '45px';  
                if(plus.navigator.isImmersedStatusbar()) {  
                    topoffset = (Math.round(plus.navigator.getStatusbarHeight()) + 45) + 'px';  
                }  
                document.getElementById('header').style.height = (immersed + 44) + 'px';  
                document.querySelector('.mui-content').style.marginTop = (immersed) + 'px';  
                })

沉浸式状态栏是有了,但是有个问题,


会发现开始时状态栏在上面,然后在正常,这种情况怎么解决?

2017-12-06 09:17 负责人:无 分享
已邀请:
hylong

hylong

不用自己去计算,有两种方案:
第一种,创建webview的时候,加上statusbar即可。
第二种,不用mui的头,直接使用titleNView,简单,而且效果更好。

  • n***@126.com (作者)

    方案1,试过了,加上没有效果,那个字直接顶到了上面

    方案2我试试

    2017-12-06 11:03

该问题目前已经被锁定, 无法添加新回复