Activa las notificaciones push PhoneGap Spain

Foro

Home Forums Frameworks y librerías Ionic Los tabs desaparecen al actualizar la pagina o minimizar la app

This topic contains 0 replies, has 1 voice, and was last updated by  lostpar 2 meses, 2 semanas .

Viendo 1 respuesta (de 1 en total)
  • Los tabs desaparecen al actualizar la pagina o minimizar la app

    Intervenciones
  • lostpar 
    Participant

    Estimados,

    Estoy desarrollando una app en Ionic 3, comienza con un login que luego de una ventana introductoria redirecciona a una ventana con 3 tabs, el problema que tengo es que una vez cargada la ventana de tabs si refresco el navegador (cuando estoy con ionic serve) la barra inferior con los tabs desaparece y estoy obligado a presionar el boton de cerrar sesión y volver a logearme, de igual forma me sucede cuando ejecuto la aplicación en mi teléfono y la minimizo o la cierro.

    No se si para solucionar el problema servirá por ejemplo cambiar la pagina root una vez logeado y cambiarla nuevamente al hacer logout, como para forzar que si no se esté logueado abra primero la ventana login y si es que ya se está logueado la pagina root sea la de tabs (cosa que no se como hacer).

    Espero puedan ayudarme, desde ya muchas gracias!

    app.component.ts

    import { Component } from ‘@angular/core’;
    import { Platform } from ‘ionic-angular’;
    import { StatusBar } from ‘@ionic-native/status-bar’;
    import { SplashScreen } from ‘@ionic-native/splash-screen’;

    import { PrincipalPage } from ‘../pages/principal/principal’;

    @Component({
    templateUrl: ‘app.html’
    })
    export class MyApp {
    rootPage:any = PrincipalPage;

    constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
    platform.ready().then(() => {
    // Okay, so the platform is ready and our plugins are available.
    // Here you can do any higher level native things you might need.
    statusBar.styleDefault();
    splashScreen.hide();
    });
    }
    }

    app.module.ts

    import { ErrorHandler, NgModule } from ‘@angular/core’;
    import { BrowserModule } from ‘@angular/platform-browser’;
    import { IonicApp, IonicErrorHandler, IonicModule } from ‘ionic-angular’;
    import { MyApp } from ‘./app.component’;

    import { HttpModule } from ‘@angular/http’;
    import { HttpClientModule } from ‘@angular/common/http’;
    import { StatusBar } from ‘@ionic-native/status-bar’;
    import { SplashScreen } from ‘@ionic-native/splash-screen’;
    import { AuthServiceProvider } from ‘../providers/auth-service/auth-service’;
    import { variablesGlobales } from ‘../providers/variables-globales/variables-globales’;

    import { TabsPage } from ‘../pages/tabs/tabs’;
    import { LoginPage } from ‘../pages/login/login’;
    import { SignupPage } from ‘../pages/signup/signup’;
    import { HomePage } from ‘../pages/home/home’;
    import { Pregunta1Page } from ‘../pages/pregunta1/pregunta1′;
    import { Pregunta2Page } from ‘../pages/pregunta2/pregunta2′;
    import { Pregunta3Page } from ‘../pages/pregunta3/pregunta3′;
    import { Pregunta4Page } from ‘../pages/pregunta4/pregunta4′;
    import { Pregunta5Page } from ‘../pages/pregunta5/pregunta5′;
    import { Pregunta6Page } from ‘../pages/pregunta6/pregunta6′;
    import { Pregunta7Page } from ‘../pages/pregunta7/pregunta7′;
    import { Pregunta8Page } from ‘../pages/pregunta8/pregunta8′;
    import { Pregunta9Page } from ‘../pages/pregunta9/pregunta9′;
    import { Pregunta10Page } from ‘../pages/pregunta10/pregunta10′;
    import { Pregunta11Page } from ‘../pages/pregunta11/pregunta11′;
    import { Pregunta12Page } from ‘../pages/pregunta12/pregunta12′;
    import { Pregunta13Page } from ‘../pages/pregunta13/pregunta13′;
    import { Pregunta14Page } from ‘../pages/pregunta14/pregunta14′;
    import { FinalPreguntasPage } from ‘../pages/final-preguntas/final-preguntas’;
    import { PrincipalPage } from ‘../pages/principal/principal’;
    import { HoyPage } from ‘../pages/hoy/hoy’;
    import { TipsPage } from ‘../pages/tips/tips’;
    import { RedPage } from ‘../pages/red/red’;

    import { Camera } from ‘@ionic-native/camera’;
    import { CameraProvider } from ‘../providers/util/camera.provider’;

    import { IonicStorageModule } from ‘@ionic/storage’;

    @NgModule({
    declarations: [
    MyApp,
    HomePage,
    TabsPage,
    LoginPage,
    SignupPage,
    Pregunta1Page,
    Pregunta2Page,
    Pregunta3Page,
    Pregunta4Page,
    Pregunta5Page,
    Pregunta6Page,
    Pregunta7Page,
    Pregunta8Page,
    Pregunta9Page,
    Pregunta10Page,
    Pregunta11Page,
    Pregunta12Page,
    Pregunta13Page,
    Pregunta14Page,
    FinalPreguntasPage,
    PrincipalPage,
    HoyPage,
    TipsPage,
    RedPage
    ],
    imports: [
    BrowserModule,
    HttpModule,
    IonicModule.forRoot(MyApp),
    IonicStorageModule.forRoot(),
    HttpClientModule

    ],
    bootstrap: [IonicApp],
    entryComponents: [
    MyApp,
    HomePage,
    TabsPage,
    LoginPage,
    SignupPage,
    Pregunta1Page,
    Pregunta2Page,
    Pregunta3Page,
    Pregunta4Page,
    Pregunta5Page,
    Pregunta6Page,
    Pregunta7Page,
    Pregunta8Page,
    Pregunta9Page,
    Pregunta10Page,
    Pregunta11Page,
    Pregunta12Page,
    Pregunta13Page,
    Pregunta14Page,
    FinalPreguntasPage,
    PrincipalPage,
    HoyPage,
    TipsPage,
    RedPage
    ],
    providers: [
    StatusBar,
    variablesGlobales,
    SplashScreen,
    Camera,
    CameraProvider,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    AuthServiceProvider
    ]
    })
    export class AppModule {}

    app.html

    <ion-nav [root]=”rootPage”></ion-nav>

    tabs.ts

    import { Component } from ‘@angular/core’;

    import { HoyPage } from ‘../hoy/hoy’;
    import { TipsPage } from ‘../tips/tips’;
    import { RedPage } from ‘../red/red’;

    @Component({
    templateUrl: ‘tabs.html’
    })
    export class TabsPage {

    tab1Root = HoyPage;
    tab2Root = TipsPage;
    tab3Root = RedPage;

    constructor() {

    }
    }

    tabs.html

    <ion-tabs selectedIndex=”0″>
    <ion-tab [root]=”tab1Root” tabTitle=”Hoy” tabIcon=”md-clock”></ion-tab>
    <ion-tab [root]=”tab2Root” tabTitle=”Tips” tabIcon=”md-bulb”></ion-tab>
    <ion-tab [root]=”tab3Root” tabTitle=”Red” tabIcon=”contacts”></ion-tab>
    </ion-tabs>

    • This topic was modified 2 meses, 2 semanas by  lostpar.

    • This topic was modified 2 meses, 2 semanas by  lostpar.
Viendo 1 respuesta (de 1 en total)

You must be logged in to reply to this topic.