如何在Ionic 3的页面导航上向上/向下滑动？

当我从页面A导航到页面B时，我想从页面底部向上滑动页面B.如何在Ionic 3的页面导航上向上/向下滑动？

如何在Ionic 3中做到这一点？

我现在

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

我试着在“上”改变“前进”但是，这并不做任何事情。目前我正在使用Chrome浏览器进行测试。

谢谢

来源

2017-10-19 mvermand

我认为navController是这个错误的选择。

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

constructor(private modalCtrl: ModalController) { 

} 

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

来源

2017-10-19 22:17:22 JudgeFudge

除了做错选择，你知道在Ionic 3中是否有可能吗？我遇到了这个：https：//ionicframework.com/docs/native/native-page-transitions/，但它似乎并没有在浏览器中工作。可能只适用于真实设备（=>“native”）？ – mvermand

是的，NativePageTransitions是cordova插件，只能用于真实设备。如果你真的想这样做，这个插件看起来是正确的选择。但正如我所提到的，“NativeTransitionOptions.direction：up”与创建模型具有相同的效果（在我看来）。 – JudgeFudge

如何在Ionic 3的页面导航上向上/向下滑动？

回答

相关问题