[SOLVED] Transparent status bar in Android

Hi, there is no transparent status bar in Android.
In iOS it’s working fine but in Android there is black status bar.

My app without status bar styling:

Lolipop app with transparent status bar:

Someone know any cordova plugin?

i looked around a little time ago and there are only pre-defined color-schemes you can use.
You are not allowed to hide or set the color transparent on android.

But maybe someone else knows a little bit more.

Not allowed to make status bar transparent?
But every native material design app doing it…

I don’t think it’s possible as well. I went into the android source code for the status bar to make sure and couldn’t find anything.

But I don’t think its really a big deal, not really a big detail when you look at an app.

This should do the job?
I am not on my pc for the next days so I don’t know if it’s working.

1 Like

Tested it, seems to work pretty well. Should get you what you want.

Thanks you. I will use this plugin.

wow, learning never stops :smile:

I have problem to install this plugin.
This is my error:

Fetching from npm failed: No compatible version found: git@'github.com:ekuwang/cordova-plugin-statusbar.git'
Valid install targets:
Error: No compatible version found: git@'github.com:ekuwang/cordova-plugin-statusbar.git'
Valid install targets:
    at installTargetsError (/usr/local/lib/node_modules/cordova/node_modules/cordova-lib/node_modules/npm/lib/cache.js:719:10)
    at /usr/local/lib/node_modules/cordova/node_modules/cordova-lib/node_modules/npm/lib/cache.js:638:10
    at saved (/usr/local/lib/node_modules/cordova/node_modules/cordova-lib/node_modules/npm/node_modules/npm-registry-client/lib/get.js:142:7)
    at /usr/local/lib/node_modules/cordova/node_modules/cordova-lib/node_modules/npm/node_modules/graceful-fs/polyfills.js:133:7
    at FSReqWrap.oncomplete (fs.js:95:15)

Any solution? How you made it work?

Hmm, I just ionic plugin add https://github.com/ekuwang/cordova-plugin-statusbar.git and it worked fine for me.

I think this has also been documented as a formula as well. http://learn.ionicframework.com/formulas/customizing-the-status-bar/

Comparing the formula to the current docs for cordova-plugin-statusbar, it looks like the formula could use some updating.

Did you manage to get this working? I tried but can’t get it to work at all

I’ve installed the plugin but sometimes it work and sometimes not, when it works, if i touch the statusbar it hides and goes fullscreen, even the navbar hides. What i can do? Help please :sweat_smile:

The link http://www.martinadamko.sk/posts/translucent-bar-android-278 does not work any more. Is it possible to post the entire solution?

Just making the page below the single go to location for the solution for Ionic2:

If someone is looking for solution for Ionic5 check this