Change animation back button

Ionic Framework ionic-v3
1

I use these code to change animation from left to right, but It does not work.

ion-navbar color=“pearl” animation=“slide-left-right”

In home.ts, I’ve changed animation with the code below. It’s work properly. How can I apply it to back button ?
this.navCtrl.push(‘ProductPage’, { product: prod }, {animate:true,animation:‘transition’, direction:‘left’});

Thank

2

Try using this code.

import { Component, ViewChild } from '@angular/core';
import { NavController, NavParams, Navbar} from 'ionic-angular';

export class HomePage{
   @ViewChild(Navbar) navBar:Navbar; //define this
   constructor(...){}

  ionViewDidLoad(){
      this.navBar.backButtonClick = (e:UIEvent) => {
        this.nav.push(ProductPage,{ product: prod }, {animate:true,animation:‘transition’, direction:‘left’});
      };
  }
}
3

Thank @ravi_sojitra, but I mean the back button that ionic auto generate when using .push. Can I apply your code to it ?

1 Like
4

@ravi_sojitra It works :smiley: . Where can I find document for it ? I have researched but find nothing. How can you know that ?

5