应用主页视图前出现的白页

Question

我已经开发了 Ionic2 应用程序并将其发布到 Google Play store.All 工作正常，除了一个 issue.The 问题是，它显示了一个出现在应用程序主页之前的白页 view.Can 你告诉我如何解决这个问题？

注意： 在开发环境中没有这样的 issue.This 问题仅在已发布的版本上。

希望它与启动有关screen.Which我应该换一个吗？

config.xml

    <preference name="webviewbounce" value="false" />
    <preference name="UIWebViewBounce" value="false" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="android-minSdkVersion" value="16" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="3000" />

Answer 1

这个白页可能是应用程序的window背景。

您可以在 styles.xml 和 windowBackground 应用主题中设置颜色。

这是为了解决颜色问题，但如果您想删除视图之间的时间，请输入您的代码。你应该启动新的 activity 并且在这个 activity onCreate() 中，首先使用 setContentView() 方法。

Answer 2

首先，确保您在构建 apk 时使用了 --prod --release 标志（只是为了确保您没有使用开发 apk）。

这个问题也可能与在平台准备就绪之前隐藏启动画面有关，因此请确保您的 config.xml 文件中有此配置：

<preference name="AutoHideSplashScreen" value="false" />
<preference name="FadeSplashScreen" value="true" />
<preference name="FadeSplashScreenDuration" value="1000" />

然后在您的 app.component.ts 文件中手动隐藏启动画面，如下所示：

import { Platform, ...} from 'ionic-angular';
import { Splashscreen, ... } from 'ionic-native';

//...

constructor(): {
    this.platform.ready().then(() => {
        Splashscreen.hide();
    });
}

应用主页视图前出现的白页

White page that appears before app home view

typescript

ionic2

ionic3

angular