【问题标题】:PHONEGAP ANDROID: Hide Status Bar only on the Application Home Screen (SplashScreen)PHONEGAP ANDROID:仅在应用程序主屏幕 (SplashScreen) 上隐藏状态栏
【发布时间】:2018-10-15 12:44:24
【问题描述】:

我已经使用了在这里找到的所有功能,但是我无法在 Phonegap 中更改我的应用程序状态栏的黑色。

我能够使用插件更改应用程序栏状态的颜色:

<gap:plugin name="cordova-plugin-statusbar" source="npm" />
<preference name="fullscreen" value="false" />
<preference name="android-minSdkVersion" value="16" />     
<preference name="ShowSplashScreenSpinner" value="false" />   
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#9d0101" />
<preference name="StatusBarStyle" value="lightcontent" /> 
<preference name="StatusBarDefaultScrollToTop" value="false" />

应用程序状态栏根据需要更改颜色,但是启动画面保持黑色并且不会更改,当我输入“全屏”时它会添加,但我不希望我的应用程序处于全屏状态,我想隐藏仅在初始屏幕上的状态栏。我的应用是在 Phonegap 中编译的,如何仅在 SplashScreen 上隐藏状态栏?

我尝试使用下面的代码,但它使整个应用程序处于全屏状态:

    <?xml version='1.0' encoding='utf-8'?>
    <widget ... xmlns:android="http://schemas.android.com/apk/res/android">

    ...
    <edit-config file="AndroidManifest.xml" mode="merge"
                 target="/manifest/application/activity">
        <activity android:theme="@android:style/Theme.NoTitleBar.Fullscreen" />
    </edit-config>
    ...
</widget>

我想要的是仅在应用程序启动屏幕上隐藏状态栏,然后根据我使用的颜色重新出现。

【问题讨论】:

    标签: android cordova splash-screen statusbar phonegap


    【解决方案1】:

    需要添加Android Fullscreen,然后进行如下配置

    config.xml

    <edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity">
        <activity android:theme="@android:style/Theme.DeviceDefault.NoActionBar.Fullscreen" />
    </edit-config>
    

    app.component.ts

    constructor(
        platform: Platform,
        statusBar: StatusBar,
        splashScreen: SplashScreen
        androidFullScreen: AndroidFullScreen
      ) {
        platform.ready().then(() => {
          splashScreen.hide();
    
          if (platform.is('android')) {
            androidFullScreen.showSystemUI();
          }
    
          statusBar.styleDefault();
        });
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-01-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多