如何在Ionic3中有条件地设置rootPage

Question

我正在尝试为应用程序中的第一个计时器设置教程页面，为其他人设置登录页面。如果用户已完成教程页面，我将在localstorage中设置键值。

export class MyApp {
rootPage: any = LoginPage;

constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
    platform.ready().then(() => {
        statusBar.styleDefault();
        if(!localStorage.getItem( 'tutorial' )) {
            this.rootPage = TutorialPage;
        }
        splashScreen.hide();
    });
  }
}

上面的代码工作正常，但设置教程页面有一个延迟，登录页面首先查看，然后教程页面即将出现。我想知道我是以正确的方式做这件事还是我错过了什么？

Answer 1

请使用以下代码

export class MyApp {
rootPage: any;

constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
    platform.ready().then(() => {
        statusBar.styleDefault();
        if(!localStorage.getItem( 'tutorial' )) {
            this.rootPage = TutorialPage; // user can user this.nav.setRoot(TutorialPage);
        }else{
            this.rootPage = LoginPage; // user can user this.nav.setRoot(LoginPage);
        }
        splashScreen.hide();
    });
  }
}

我希望它为你工作。