@turbulencestudio wrote:
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
<body ng-app="app">
<ion-nav-bar animation="nav-title-slide-ios7" type="bar-positive" back-button-type="button-icon" back-button-icon="ion-arrow-left-c"></ion-nav-bar>
<ion-nav-view></ion-nav-view>
</body>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
Posts: 1
Participants: 1