【问题标题】:cordova - image in status bar科尔多瓦 - 状态栏中的图像
【发布时间】:2019-12-21 05:10:34
【问题描述】:

是否可以在 Cordova 应用程序的状态栏后面使用 Ionic 和状态栏插件,如下图所示?我找不到与此相关的任何内容:

谢谢!

编辑 1 我当前的屏幕:

我的代码:

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

【问题讨论】:

标签: cordova ionic-framework statusbar


【解决方案1】:
  • 透明状态栏:

this.statusBar.overlaysWebView(true);

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

透明 ARGB 十六进制 value

  • status bar 下的应用

    AndroidFullScreen.showUnderStatusBar(successFunction, errorFunction);
    

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-01-16
    • 1970-01-01
    • 2015-10-12
    • 2022-11-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多