Without super bar

[Sampath-Lokuge]

Hi, Can I implement the Android transparent status bar without super bar feature? I have tried that.But unable to do that.Please see the current functionality of my app.I have successfully implemented iOS status bar feature using native status bar plugin.But how can I do that with Android? In other words, how to change your solution to work with my use case.Thanks.

Note: I need to maintain the white background color with a fixed header (i.e. Discover is header here).

[jeneser]

Hi,

Can I implement the Android transparent status bar without super bar feature?

Yes, you can do it. Please don't extend super bar placeholder to the page's style.

like this, page-home and page-language-details will have the super bar feature. If you don't need it. You just don't include it.

// src/app/app.scss
// Extend super bar placeholder for android

.platform-android {
  page-home, page-language-details {
    @extend %super-bar;
  }
}

You can check out page-list page. (page list) An ordinary page. It has a fixed header with blue background color. In other words, we just implement the Android transparent status bar without super bar feature.

Right?

Thanks!

[Sampath-Lokuge]

Cool! I'll check it and will let you know.Thanks.

[xzy112233]

小哥好牛皮啊，终于找到这个透明的了自己写不出一直想要一个

[itshazlan]

Thanks @jeneser it works like a charm!