jeneser/ionic-super-bar

Transparent statusBar and awesome toolBar DEMO in ionic

ionic-super-bar's Issues

Statusbar and splash screen

Hi!
Well, I got it the status bar transparent following your tips, but when app start in the splash screen, the status bar is always black. =/
Any ideia?

Without super bar

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).

How to install (ionic3?) + there is no file " MainActivity.java " in /platforms/android

How to install (ionic3?) + there is no file " MainActivity.java " in /platforms/android

Keyboard issue

Hi Jeneser,
I have used your way to make my application status bar transparent. It works great but when i include your code in my MainActivity.java file when keyboard pops up my page is not scrollable.

Feature: show toolbar gradually

just like native andriod
don't show toolbar after 120px in full opacity
show it in opacity 0.01
and in 130px it will have opacity 0.15

Upgrade to Ionic 3

Hi,
Can you please upgrade this project to Ionic 3? Thanks.

White letters in statusbar

Hello friends, I am using this solution for the transparent navbar, but at least on some cell phones, the navbar looks the letters with BLACK colors, is there any way that these are white?

The status bar on the part of the mobile phone can't normal compatible

On the meizu phone ,the status bar can display normally, but it can't display properly on huawei mobile phone

statusbar on ionic4

I did as you said~ and got a transparent Status Bar on Ionic4; But it seems there got another problem; the header is close to the Status Bar; and when I add style for 'ion-header' as you said, it went wrong; So, please help me to solve it~ thx~

StatusBarPadding not working

I am using this on ionic 4.. I followed same as mentioned on doc my header get merged with statusbar

when I try to find out I figure out we can apply padding to status bar using _forceStatusbarPadding in IonicModule but this is also not working

can anyone help ?

input focus is lost

With the setSystemUiVisibility change the input focus is lost, meaning when I have an input at the end of the screen the keyboard covers it now.

app.components modify

Here it was only transparent by modifying the function.

initializeApp() {
    this.platform.ready().then(() => {
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.
      // this.statusBar.styleDefault();

      // Transparent status bar for android
      // #AARRGGBB where AA is an alpha value
      // if (this.platform.is('android')) { 
        this.statusBar.overlaysWebView(true); // add this
        this.statusBar.backgroundColorByHexString("#33000000");
      // }

      this.splashScreen.hide();
    });
  }

IONIC CLI 3.19.0

work on dynamic navbar color

hi, @jeneser I want to make dynamic navbar color on my app, how I could doing this?

Handle when header color is White

Hi,
This is really nice work.Thanks for the project.
I have 2 questions:

1. How can I handle when header color is White? Because text color is also white, we cannot see the items in the status bar.

2. Can we use your option for Android and native status bar plugin for iOS devices on the same project?

Bug: Poor behavior on android4 (KITKAT)

Hi, there has a poor behavior on android4.
The view isn't FullScreen. The statusBar's color is black.The view seems to be down.

Android version: android4.4.4 android 4.4.3

Please fix it~Thanks.

preview:

Issue with input behind keyboard

The implementation of the following code breaks ionic behavior to move the focused input above the keyboard:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE); }
It took me hours to figure out that it was causing this estrange behavior.

I am looking for a workaround for this issue.

Error: Error validating package name.

When run platform add android i got a error.

Error: Error validating package name. Package name must look like: com.company.Name

Please fix it~~

package build does not exist error

C:\Users\Admin\sample_Amber\platforms\android\src\amber\company\com\MainActivity.java:37: error: package Build does not exist
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
         ^
C:\Users\Admin\sample_Amber\platforms\android\src\amber\company\com\MainActivity.java:37: error: package Build does not exist
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                                  ^
Note: C:\Users\Admin\sample_Amber\platforms\android\src\org\apache\cordova\splashscreen\SplashScreen.java uses or overrides a deprecated API.
:compileDebugJavaWithJavac FAILED

How can i fix this error?

Feat: a new dynamic toolBar and tabBar demo

hi,i have an idea!
Feat: a new dynamic toolBar and tabBar demo.