angular - 应用程序主页 View 之前出现的白页

Question

我已经开发了 Ionic2 应用程序并将其发布到 Google Play 商店。除了一个问题之外，所有功能都工作正常。问题是，它在应用程序主视图之前显示一个白色页面。您能告诉我如何解决此问题吗？

请参阅Video .

注意:在开发环境中不存在此问题。此问题仅在已发布的版本上出现。

希望和闪屏有关。我应该改哪一个？

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

首先，确保您在构建 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();
    });
}