如何在 ionic 2 中禁用启动画面？答案

【问题标题】：How to disable splash screen in ionic 2?如何在 ionic 2 中禁用启动画面？
【发布时间】：2017-03-15 08:59:26
【问题描述】：

我已将 config.xml 中初始屏幕的值更改为 none。所以启动画面没有出现。但是白屏出现了。有没有办法避免那个白屏？

这是我的 config.xml 文件：

<preference name="SplashScreenDelay" value="0"/> 
<preference name="ShowSplashScreen" value="false"/> 
<preference name="SplashScreen" value="none"/>

【问题讨论】：

您希望用户看到什么而不是启动画面和白屏？注意：白屏其实是webview（浏览器）还在加载文件和渲染页面。
我创建了一个动画闪屏。它完美地工作。所以我禁用了默认启动画面。默认启动画面未显示。但是在动画启动画面之前出现白屏。所以我想隐藏那个白屏。有没有办法隐藏？
我认为显示白屏是因为内部浏览器正在启动并加载资产。因此，据我所知，我不认为可以完全避免它。
您可以尝试将该动画设置为ion-app 元素的背景。只是一个想法，但我可以在app.scss 文件中使用此样式规则更改颜色：ion-app.md.platform-cordova.platform-mobile, ion-app.ios.platform-cordova.platform-mobile { ... }
我已将我的代码放在 index.html 中。但是，它仍然显示一个白屏。

标签： angular ionic2 splash-screen

【解决方案1】：

如上所述，您的应用需要时间来加载资源和渲染，因此很遗憾，如果您只是移除启动画面，您将始终出现白屏。

我建议在 config.xml 中保留启动画面，但只替换相应平台内的默认启动画面资源。例如，它如下所示，您的资源从项目的根文件夹中引用：

 <platform name="android">
    <splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi"/>
    <splash src="resources/android/splash/drawable-port-mdpi-screen.png" density="port-mdpi"/>
    <splash src="resources/android/splash/drawable-port-hdpi-screen.png" density="port-hdpi"/>
    <splash src="resources/android/splash/drawable-port-xhdpi-screen.png" density="port-xhdpi"/>
    <splash src="resources/android/splash/drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/>
    <splash src="resources/android/splash/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>
 </platform>
 <platform name="ios">
    <splash src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" height="1136"/>
    <splash src="resources/ios/splash/Default-667h.png" width="750" height="1334"/>
    <splash src="resources/ios/splash/Default-736h.png" width="1242" height="2208"/>
    <splash src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" height="2048"/>
    <splash src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" height="2732"/>
    <splash src="resources/ios/splash/Default-Portrait~ipad.png" width="768" height="1024"/>
    <splash src="resources/ios/splash/Default@2x~iphone.png" width="640" height="960"/>
    <splash src="resources/ios/splash/Default~iphone.png" width="320" height="480"/>
 </platform>

不过，我从未使用过动画闪屏，不知道它是否可行。

【讨论】：

实际上，我设计了一个带有 HTML 和 CSS 的动画闪屏。它完美地工作。我已经删除了默认飞溅。但是在动画启动屏幕出现之前，白屏会显示 5 秒。如何解决？
不幸的是，你不能。您的混合应用必须先加载，然后才能使用任何 HTML/CSS 设计。
哦..好的。谢谢