IONIC 应用程序启动画面后出现白屏
White screen after splash screen in IONIC app
我的应用程序有一个 "problem"。当它是 运行 时,在启动画面之后和应用准备就绪之前,白屏会出现大约 5/6 秒,这很烦人。
如何避免这个白屏?
我没有看到很多关于此的问题(没有有效的答案),我想得到一个更新的答案。我不 post 代码,因为我不知道哪个代码有用。
离子版本 3.13.2
谢谢。
这可能是因为您的应用程序加载时间比启动画面的持续时间长。
在您的 config.xml 文件中,您可能有如下内容:
<preference name="SplashScreenDelay" value="3000" />
也就是说启动画面会在3秒后自动淡出。但是,如果您的应用在此时间后尚未就绪,您将在应用完成加载时看到白屏。
解决方案是为启动画面设置更长的时间并同时关闭 AutohideSplashScreen
。在 config.xml 文件中:
<preference name="AutohideSplashScreen" value="false" />
<preference name="SplashScreenDelay" value="30000" />
然后您需要确保在您的应用准备就绪后立即从您的应用内部关闭闪屏。
通常在 app.component.ts
class 构造函数中:
this.platform.ready().then(() => {
this.splashScreen.hide();
});
我的应用程序有一个 "problem"。当它是 运行 时,在启动画面之后和应用准备就绪之前,白屏会出现大约 5/6 秒,这很烦人。 如何避免这个白屏?
我没有看到很多关于此的问题(没有有效的答案),我想得到一个更新的答案。我不 post 代码,因为我不知道哪个代码有用。
离子版本 3.13.2
谢谢。
这可能是因为您的应用程序加载时间比启动画面的持续时间长。
在您的 config.xml 文件中,您可能有如下内容:
<preference name="SplashScreenDelay" value="3000" />
也就是说启动画面会在3秒后自动淡出。但是,如果您的应用在此时间后尚未就绪,您将在应用完成加载时看到白屏。
解决方案是为启动画面设置更长的时间并同时关闭 AutohideSplashScreen
。在 config.xml 文件中:
<preference name="AutohideSplashScreen" value="false" />
<preference name="SplashScreenDelay" value="30000" />
然后您需要确保在您的应用准备就绪后立即从您的应用内部关闭闪屏。
通常在 app.component.ts
class 构造函数中:
this.platform.ready().then(() => {
this.splashScreen.hide();
});