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?
<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>
<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>