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>