ionic 2/3：アプリケーションの開始ページを作成する

Question

ロゴを表示する開始ページを作成してから、アプリケーションのコンテンツを表示する前に2秒間表示したいのですが、正しい方法がわかりますか？ありがとう！

Answer 1

使用ネイティブイオンスプラッシュ画面コンポーネント：

https://ionicframework.com/docs/native/splash-screen/

Answer 2

アプリが起動して提示されますと、そのページ内で使用すると、関連するコードをやる新しいページを作成されなければならないすべてこれは、アプリが機能するために必要なものです。

遅延読み込みページを使用しているかどうかわからないので、ページ作成をそのページを完全に使い切ることができるようにしておきます。

だからあなたのCLIでその作成されたページへのごapp.components.tsあなたがよ最初のポイント

app.components.tsでionic g page yourPage

で新しいページを作成します。で

export class MyApp { 
    rootPage: any = 'YourPage'; // YOUR PAGE WILL BE THE ROOT PAGE FOR NOW 

    constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) { 
     platform.ready().then(() => { 
      statusBar.styleDefault(); 
      splashScreen.hide(); 
     }); 
    } 
} 

作成したページは次のようになります：

yourPage.ts：

yourPage.html

<!-- REMOVE HEADER --> 
<ion-content padding> 
    <img src="path/to/image" alt="my company" /> 
</ion-content> 

希望これは

を支援します。yourPageのhtmlコードで

constructor(public navCtrl: NavController){} 
// USING A LIFECYCLE HOOK TO EXECUTE CODE AFTER THE PAGE IS FULLY LOADED 
ionViewDidLoad(){ 
    setTimeout(()=> { 
    // YOU'LL SET THE ROOT WITH THE HOME PAGE YOU NEED TO SHOW AFTER YOU START. DON'T PUSH THE PAGE SINCE YOU DON'T NEED THE USER TO NAVIGATE BACK TO IT. 
    // You can also do other relevant code here, like check if the user is logged or not before seting the root to the right page. 
    this.navCtrl.setRoot('YourMainHomePage'); 
    }, 2000) 
} 

アンあなただけのイメージがあります