【问题标题】:How to remove white blank screen of splash from the ionic2 application?如何从 ionic2 应用程序中删除飞溅的白色空白屏幕?
【发布时间】:2017-08-22 06:12:46
【问题描述】:

我正在尝试从 ionic 2 应用程序中删除默认启动画面,为此我使用了属性 <preference name="SplashScreen" value="none" /> 和命令 cordova plugin -rm cordova-plugin-splashscreen,尽管该组合删除了启动画面但并未完全删除,我仍然得到一个空白启动应用程序时出现白屏。

如何摆脱空白的白屏?

【问题讨论】:

    标签: ionic-framework screen splash-screen


    【解决方案1】:

    配置.xml

    <preference name="ScrollEnabled" value="false" />
    <preference name="android-minSdkVersion" value="16" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="ShowSplashScreenSpinner" value="false" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="SplashReloadOnOrientationChange" value="true" />
    <preference name="AutoHideSplashScreen" value="false" />
    <preference name="FadeSplashScreen" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="3000" />
    

    添加上面的这些行

    在 app.component.ts 中:

    if (this.splashScreen) {
                    setTimeout(() => {
                        this.splashScreen.hide();
                    }, 100);
                }
    

    还可以使用命令构建应用程序

    ionic cordova build andorid --prod
    

    【讨论】:

      【解决方案2】:

      把它放在你的 main.ts 的第二行:

      import { enableProdMode } from '@angular/core';
      

      然后,在 main.ts 中的 ...bootstrapModule... 之前添加以下行:

      enableProdMode();
      

      我希望它会起作用。

      【讨论】:

      • 白屏仍持续 3-4 秒。没有解决
      • 您是在设备还是模拟器上启动应用程序(哪个命令)?您可以使用它构建应用程序: ionic cordova build android --prod
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多