Question regarding ion-nav-bar


#1

Hi,

I’m new to Ionic framework and I’m trying to achieve the following:

  • App start with an onboarding slide-box with hide-nav-bar set to true;
  • On last slide, there a Sign Up & Login buttons;
  • When clicking on one of those buttons, I want a new view (now with the nav bar) to slide in.

Here’s my code:

index.html

`

`

onboarding.html

<ion-view hide-nav-bar="true"> <ion-slide-box> <ion-slide>Slide 1</ion-slide> <ion-slide>Slide 2</ion-slide> <ion-slide> Slide 2 <button ng-click="login();">Log In</button> <button ng-click="signup();">Sign Up</button> </ion-slide> </ion-slide-box> </ion-view>

login.html

<ion-view view-title="Log in"> <ion-content> <h1>Log in</h1> </ion-content> </ion-view>

The problem is that, when clicking on Sign Up or Login, the nav bar that was previously hidden in the onboarding view appear under the new view, which make a slight flick.

So I was wondering if there is any way to avoid that.

Thanks.

Steve