1

is it possible to have an image behind the status bar in a Cordova App using Ionic and the status bar plugin like the image below? I can't find anything related to this:

sta

Thanks!

EDIT 1 My current screen:

enter image description here

My code:

<ion-content>
  <ion-img src="https://i.imgur.com/whAtFTP.png" alt="Weeder start page image"></ion-img>

  <ion-grid>

    <ion-row>
      <ion-col>
        <div class="ion-text-center ion-margin-vertical">
          <p class="slogan">
            Wherever you want,
            <br>
            whenever you want.
          </p>
        </div>
      </ion-col>
    </ion-row>

    <ion-row>
      <ion-col>
          <ion-button color="primary" expand="block">Log in</ion-button>
      </ion-col>

      <ion-col>
          <ion-button color="secondary" expand="block" (click)="register()">Sign up</ion-button>
      </ion-col>
    </ion-row>

    <ion-row>
      <ion-col>
        <div class="ion-text-center ion-no-margin ion-margin-top">
          <ion-text color="secondary" class="copyright">
            &copy; Weeder
          </ion-text>
        </div>
      </ion-col>
    </ion-row>

  </ion-grid>
</ion-content>
Wrong
  • 1,195
  • 2
  • 14
  • 38
  • take a look at : https://stackoverflow.com/questions/39421708/how-to-put-an-icon-to-system-status-bar-with-cordova – devseo Aug 15 '19 at 11:13

1 Answers1

3
  • Transparent status bar:

this.statusBar.overlaysWebView(true);

this.statusBar.backgroundColorByHexString('#D9FFFFFF');

Transparent ARGB hex value

  • App under status bar 

    AndroidFullScreen.showUnderStatusBar(successFunction, errorFunction);
Akshay
  • 2,506
  • 4
  • 34
  • 55
Aashay karekar
  • 930
  • 1
  • 6
  • 11