Native Page Transitions not working


#1

I’ve been trying to get page transitions working using the example given on the ionic documentation. I’ve tried many different ways since it seems that all other/older examples used different setting setups. These are a few ways I am testing and none of them work (Yes, I have been building and testing on my phone everytime):

options: NativeTransitionOptions = {
    direction: 'up',
    duration: 500,
    slowdownfactor: 3,
    slidePixels: 20,
    iosdelay: 100,
    androiddelay: 150,
    fixedPixelsTop: 0,
    fixedPixelsBottom: 60
   };

openHODS() {
    this.nativePageTransitions.slide(this.options);
    this.navCtrl.push(HODSLoginPage);
  }

ionViewWillLoad() {
    let options: NativeTransitionOptions = {
      direction: 'up',
      duration: 500,
      slowdownfactor: 3,
      slidePixels: 20,
      iosdelay: 100,
      androiddelay: 150,
      fixedPixelsTop: 0,
      fixedPixelsBottom: 60
   };

  this.nativePageTransitions.slide(options)
    .then( (msg) => console.log(msg) )
    .catch( (err) => console.log(err));
 }

ionViewWillLeave() {
    let options: NativeTransitionOptions = {
      duration      :  1500, 
      iosdelay      :   50,
      androiddelay  :  100
   };

     this.nativePageTransitions.fade(options)
       .then( (msg) => console.log(msg) )
       .catch( (err) => console.log(err));
 }

#2

Here is how I imported it:

import { NativePageTransitions, NativeTransitionOptions } from '@ionic-native/native-page-transitions';

constructor(public navCtrl: NavController, private nativePageTransitions: NativePageTransitions) {}