如何在Ionic 3的页面导航中上下滑动?

时间:2017-10-19 18:27:41

标签: animation ionic3 slideup

当我从第A页导航到第B页时,我想从底部向上滑动页面B.

我怎样才能在Ionic 3中做到这一点?

我现在

this.navCtrl.push(PageB, 
                  {session: this.session}, 
                  {animate: true, 
                   animation: 'transition', 
                   duration: 500, 
                   direction: 'forward'}
                 );

我试图改变'up'中的'forward',但这没有做任何事情。 目前我正在使用Chrome浏览器进行测试。

由于

1 个答案:

答案 0 :(得分:1)

我认为navController是错误的选择。

大多数情况下,从底部到顶部滑动页面的用例是当您想要显示模态页面时。这可以通过ModalController完成:

constructor(private modalCtrl: ModalController) {

}

showModal(): void {
    let modal = this.modalCtrl.create(PageB, options);
    modal.present();
}