ionic使用常见问题(七)——ionic splash screen白屏的解决方法

默认情况下,启动页是自动消失的,我们完成可以自己控制启动页何时消失,并加一些配置,让启动页消失的更平滑

首先,我们在config.xml里面加上这几项配置:

<preference name="SplashScreen" value="screen"/>
<preference name="SplashScreenDelay" value="10000"/>
<preference name="AutoHideSplashScreen" value="false" />
<preference name="ShowSplashScreenSpinner" value="false" />
<preference name="FadeSplashScreen" value="true" />
<preference name="FadeSplashScreenDuration" value="1.0" />

见到配置里有相同的就删了原来的。

解释一下几个重要的参数,AutoHideSplashScreen设置为false,这样,启动页就不会自动消失;FadeSplashScreen是让启动页逐渐消失,下面的duration是时间。

下面,我们在app.js里面控制启动页消失

app.run(function ($ionicPlatform) {
    $ionicPlatform.ready(function () {
        setTimeout(function () {
            navigator.splashscreen.hide();
        }, 100);
    });
    // your config
    ...
})

ionic run android/ios 运行一下,就可以看到效果了

This entry was posted in 常见问题. Bookmark the permalink.

发表评论

电子邮件地址不会被公开。 必填项已用*标注