CODEWITHSUNDEEP
cordovaionic-frameworkstatusbar
Wrong
Wrong

Reputation: 1253

cordova - image in status bar

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>

Upvotes: 1

Views: 339

Answers (1)

Aashay karekar
Aashay karekar

Reputation: 960

  • Transparent status bar:

this.statusBar.overlaysWebView(true);

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

Transparent ARGB hex value

  • App under status bar 

    AndroidFullScreen.showUnderStatusBar(successFunction, errorFunction);

Upvotes: 3

Related Questions