Cordova在show splashscreen期间隐藏状态栏

时间:2017-01-11 08:30:44

标签: android cordova cordova-plugins

Splashscreen通过插件显示cordova-plugin-splashscreen。但是当应用程序启动并显示启动画面时,状态栏不会被隐藏。如何在显示启动画面时隐藏状态栏?我找到了这个解决方案:

How to completely hide the status bar in iOS using Cordova?

但是它在iOS上工作。我的平台是Android。

2 个答案:

答案 0 :(得分:3)

离子3应用程序中的

,如果unset a b a='foo' b='1' for var in "$a" "$b"; do if [[ -z "$var" ]] || [[ ! "$var" =~ ^[[:digit:]]+$ ]]; then echo "Variable invalid: ${var}" > /dev/stderr fi done [[ "$a" -gt "$b" ]] echo "$?" 工作,请执行以下操作:

  1. 安装全屏插件:

    <preference name="Fullscreen" value="true" />
  2. ionic cordova plugin add cordova-plugin-fullscreen npm install --save @ionic-native/android-full-screen 文件中添加此内容以自定义主题:

    config.xml
  3. <widget ... xmlns:android="http://schemas.android.com/apk/res/android"> // note this xmlns:android line <platform name="android"> ... <edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity"> <activity android:theme="@android:style/Theme.NoTitleBar.Fullscreen"/> </edit-config> </platform> </widget> 中添加全屏提供程序:

    src/app/app.module.ts
  4. .... // add this line at the top of the file, import it import {AndroidFullScreen} from "@ionic-native/android-full-screen"; ... providers: [ StatusBar, SplashScreen, {provide: ErrorHandler, useClass: IonicErrorHandler}, AndroidFullScreen, // here add this line ... ] 中使用它:

    src/app/app.components.ts

答案 1 :(得分:0)

对于Android,如果您有一个带有单色背景的启动画面,请将状态栏更改为相同的颜色。

styles.xml中添加以下内容(我的状态栏显示为白色背景)

    <style name="AppTheme.NoActionBar" parent="Theme.AppCompat.NoActionBar">
        <item name="android:statusBarColor">@android:color/white</item>
    </style>

    <style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
        <item name="android:statusBarColor">@android:color/white</item>
    </style>