关于透明状态栏的问题

分类：HTML5+

沉浸式状态栏

按照官方提供的方法，ImmersedStatusbar节点并设置值为true，打出来的包。在很多手机上面没有达到全透明，状态栏上会有一个半透明的遮罩(效果如图，github上最新的HelloH5+打的在线包)。查了下好像api21的window.setStatusBarColor(Color.TRANSPARENT)可以做到透明。可能是因为在线打包的api版本的原因?我用nativeJS获取的window对象里面是没有setStatusBarColor这个方法的。但是我看到流应用的36Kr是实现了全透明状态栏的(效果如图，36kr的资讯详情)，请问有什么特殊的技巧吗？难道他们是打的离线包，用了高版本的api？

2017-04-10 16:24 负责人:无分享

3 个回复

心中的日月 (作者)

@DCloud_heavensoft @五块钱的果汁

Trust - 少说废话

36kr采用的是“状态栏透明”的方案，即沉浸式布局。

参考状态栏控制大全-状态栏透明(沉浸式)、变色及全屏的区别

心中的日月 (作者)

不行啊，我问题中的HelloH5+截图就是用的这两个链接的方法打包，出来的效果是有半透明遮罩的。

2017-04-10 17:53
Trust

回复心中的日月:使用alpha版HBuilder打包试试，http://pan.baidu.com/s/1hs0O4eS#list/path=%2F

2017-04-10 17:58
心中的日月 (作者)

我在楼下加了一个QQ的截图，36Kr是没有这个问题的。请看下

2017-04-10 18:00
心中的日月 (作者)

回复 Trust:果然是有特殊配方，换alpha版打包后可以了，感谢

2017-04-10 18:39

心中的日月 (作者)

某些手机系统上确实没有遮罩，但是有些系统是不行的。就像QQ这样，有个半透明的遮罩

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

关于透明状态栏的问题

3 个回复

公告

相关问题

关于透明状态栏的问题

与内容相关的链接

3 个回复

公告

相关问题