【问题标题】:White screen showing long time in ionic 3白屏在ionic 3中显示很长时间
【发布时间】:2019-11-04 14:56:58
【问题描述】:

我正在为 Android 平台开发原生 ionic 应用程序。当我打开我的应用程序时,长时间显示白屏并进入页面。我不想显示白屏,或者有什么方法可以减少白屏显示时间。我是离子的新手。请就这一点向我提出建议。

【问题讨论】:

    标签: ionic-framework ionic3


    【解决方案1】:

    尝试将其添加到 config.xml:

     <preference name="AutoHideSplashScreen" value="false" />
     <preference name="SplashScreenDelay" value="10000" /> // You can control how many seconds the splash screen will be displayed
     <preference name="FadeSplashScreenDuration" value="1000" />
     <preference name="SplashScreen" value="screen" />
     <preference name="ShowSplashScreen" value="true" />
     <preference name="ShowSplashScreenSpinner" value="false" />
     <preference name="SplashShowOnlyFirstTime" value="false" />
     <preference name="FadeSplashScreen" value="true" />
    

    然后在platform.ready() 呼叫Splashscreen.hide();

    【讨论】:

      【解决方案2】:

      在 config.xml 文件中请增加跟随偏好值。

      <preference name="SplashScreenDelay" value="30000" />
      

      【讨论】:

        【解决方案3】:

        请分享您的代码。这可能与未正确使用延迟加载有关。 如果您将页面导入您的应用模块,或者在导航时您做错了。

        【讨论】:

          【解决方案4】:

          更改您的 main.ts 文件
          import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
          
          import { AppModule } from './app.module';
          
          platformBrowserDynamic().bootstrapModule(AppModule);
          

          收件人

          import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
          
          import { AppModule } from './app.module';
          import {enableProdMode} from "@angular/core";
          
          enableProdMode();
          platformBrowserDynamic().bootstrapModule(AppModule);
          

          如果您使用生产标志 (--prod) 运行您的应用。

          【讨论】:

            【解决方案5】:

            您可以使用延迟加载来最大限度地减少白屏时间。

            【讨论】:

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