Delay between app loading and ion-view displaying


#1

Basically, the issue is on the initial load of the app, between the splash screen loading and the welcome(landing) page showing. I am using the latest version of Ionic (1.0).

Here’s a gif of me saving a file and the app reloading: http://www.gfycat.com/TatteredFluidIraniangroundjay

The welcome page is an ion-view with an ion-slide-box (code below).

It seems that the ion-nav-view is loading and displaying before the ion-view is loaded, which causing the white page and the nav-bar to show up.

One thing that I did try is to leave the splash screen and manually hide it once the ion-view had entered focus, using the $ionicView.afterEnter event, although that didn’t seem to fix it.

Does anyone have any thoughts on what I am doing wrong or any possible thoughts on what I could try?

###index.html

  <body ng-app="hubApp" ng-controller="applicationCtrl">
    <ion-pane>
      <ion-nav-bar class='bar-positive'>
        <ion-nav-back-button class="button-clear">
          <i class="ion-arrow-left-c"></i> Back
        </ion-nav-back-button>
      </ion-nav-bar>
      <ion-nav-view></ion-nav-view>
    </ion-pane>
  </body>

###welcome.html

<ion-view hide-nav-bar="true" class="welcome">
  <ion-content padding="false" style="postition: relative;">
    <ion-slide-box style="height: 667px;" show-pager="true" has
      <ion-slide>
        <div class="box"></div>
      </ion-slide>
      <ion-slide>
        <div class="box"></div>
      </ion-slide>
      <ion-slide>
        <div class="box">
         Login / Signup Code
        </div>
      </ion-slide>
    </ion-slide-box>
  </ion-content>
</ion-view>