如何在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的頁面導航上向上/向下滑動？

回答

相關問題