离子 2/3 :使用本地存储控制启动画面的打开

Question

打开飞溅时如何设置本地存储值并对本地存储值进行测试以不再打开飞溅，我正在使用 ionic 3 并在配置上设置此配置.xml ：

  <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="true" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="0" />
    <preference name="ShowSplashScreen" value="false" />

这是我在Home.ts文件中的ionviewdidload函数：

ionViewDidLoad(){
    if (localStorage.getItem('splash')=='0') {
      this.tabBarElemen.style.display = 'none'
      setTimeout(() => {
      this.splash = false;
      localStorage.setItem('splash','1');
      this.tabBarElemen.style.display = 'flex';
      }, 2000);  
    }
  }

这是Splashscreen的HTML代码：

<div id="custom-overlay" [style.display]="splash ? 'flex': 'none'">
    <div class="flb">
        <div class="Aligner-item Aligner-item--top"></div>
        <img class="splash-screen-logo" src="img/logo.svg">
        <div class="Aligner-item Aligner-item-bottom"></div>
    </div>
</div>

请帮忙！ 谢谢

Answer 1

使用Ionic Native的Splashscreen插件，您可以完全控制显示/隐藏启动画面。

例：

import { SplashScreen } from '@ionic-native/splash-screen';
constructor(private splashScreen: SplashScreen) { }
this.splashScreen.show();
this.splashScreen.hide();

有关详细信息，请访问：初始屏幕文档