【问题标题】:How to show transparent status in Ionic app如何在 Ionic 应用程序中显示透明状态
【发布时间】:2017-05-27 08:29:31
【问题描述】:

我需要在 Ionic 应用中显示透明状态栏,

所以我在我的应用程序中使用了https://github.com/ekuwang/cordova-plugin-statusbar 插件,它使我的应用程序状态栏透明,但看起来像:

我希望状态栏透明并且我的应用看起来像:

我用谷歌搜索了很多,但我没有成功解决我的问题。请帮帮我。

【问题讨论】:

  • 您到底期待什么?发布任何示例..

标签: android cordova ionic-framework statusbar


【解决方案1】:

您可以使用cordova-plugin-fullscreen pluginshowUnderStatusBar() 函数来实现。

Ionic 官方文档链接:https://ionicframework.com/docs/native/android-full-screen/

安装

科尔多瓦:

cordova plugin add cordova-plugin-fullscreen

PhoneGap:

phonegap local plugin add cordova-plugin-fullscreen

用法

AndroidFullScreen.showUnderStatusBar(successFunction, errorFunction);

插件的Github链接:https://github.com/mesmotronic/cordova-plugin-fullscreen

沉浸式应用教程:https://competenepal.com/immersive-android-application-in-ionic/

【讨论】:

    【解决方案2】:

    您需要在标题或整个视图中添加一个 padding-top css 属性,因此它始终显示在状态栏下方。

    【讨论】:

      猜你喜欢
      • 2018-04-15
      • 2021-10-24
      • 2020-04-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-05-02
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多