Страница не перемещается с анимацией ionic3

Question

Я пытаюсь перейти на страницу чата с домашней страницы, анимируя страницу вперед, но страница всегда выскакивает снизу, мой код

goTochat(friendId){
    this.provider.setUser(friendId);
    setTimeout(() => {
        this.navCtrl.push(ChatPage, {}, { animate: true, direction: 'forward' });
    },20)
}

где я могу ошибаться! Пожалуйста, помогите!

Answer 1

Тестируете ли вы на устройстве Android? Я думаю, что это анимация по умолчанию.

Если вы хотите указать переход страницы, вы можете использовать это: https://ionicframework.com/docs/native/native-page-transitions/

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

constructor(private nativePageTransitions: NativePageTransitions) { }

...


// example of adding a transition when a page/modal closes
ionViewWillLeave() {

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

 this.nativePageTransitions.slide(options)
   .then(onSuccess)
   .catch(onError);

}


// example of adding a transition when pushing a new page
openPage(page: any) {

  this.nativePageTransitions.slide(options);
  this.navCtrl.push(page);

}