Nav Controller pop. Toolbar button disappears then reappears with direction backwards. Ionic 2

Question

I have a button in my ionic 2 footer. It slides ok with push but not with pop and a back transition. It disappears then reappears and doesn't look great. How can I get it to slide like the forward transition does?

<ion-footer class="has-back-btn">
<ion-toolbar class="no-padding transparent">
<ion-buttons start>      
<button class="back-btn" tappable (click)="goBack()" ion-button icon-left>
<i class="fa fa-chevron-left " aria-hidden="true"></i> Back
</button>
</ion-buttons>
</ion-toolbar>
</ion-footer>
enter code here

goBack() {

  var navOptions = {
      animation: 'ios-transition',
      direction: back,
      animate: true,
  };

  if(this.isModal == true){
      this.navCtrl.pop();
  }else{
     this.navCtrl.pop(navOptions);
  }
 }

Please share some screenshots. – Sagar Kulkarni Apr 19 '17 at 10:09 — Sagar Kulkarni, Apr 19 '17 at 10:09
I have updated with screen shot. – Michael Coyne Apr 19 '17 at 15:31 — Michael Coyne, Apr 19 '17 at 15:31

score 0 · Answer 1 · answered Apr 19 '17 at 09:28

0

Why dont u use this

<button ion-button navPop>Go Back</button>

like the example here

answered Apr 19 '17 at 09:28

Ziya El Arief

1
1

Thanks for pointing this out but it still has the same effect. – Michael Coyne Apr 19 '17 at 09:32

Nav Controller pop. Toolbar button disappears then reappears with direction backwards. Ionic 2

1 Answers1