2017-10-19 6 views
0

ページAからページBに移動するとき、ページBを下から上にスライドしたいと思います。Ionic 3のページナビゲーションで上下にスライドする方法は?

Ionic 3でこれを行うにはどうすればよいですか?

私は今

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

を持って、私は「前方」「アップ」内を変更しようとしましたが、それは何もしません。 現在、私はChromeブラウザでテスト中です。

おかげ

答えて

1

私はからNavControllerは、このための間違った選択だと思います。

ほとんどの場合、ページを下から上にスライドさせる使用例は、モーダルページを表示する場合です。これはModalControllerで行うことができます。

constructor(private modalCtrl: ModalController) { 

} 

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

それがイオン3で可能であるならば、間違った選択であるからだけでなく、あなたが知っているのですか?私はこれを見つけた:https://ionicframework.com/docs/native/native-page-transitions/しかし、それはブラウザで動作していないようです。おそらく、実際のデバイスでのみ動作します(=> "native")? – mvermand

+0

はい、NativePageTransitionsはコード・プラグインであり、実際のデバイスでのみ動作します。あなたが本当にこれをやりたければ、このプラグインは正しい選択のように思えます。しかし、私が言及したように、 "NativeTransitionOptions.direction:up"はモデルを作成するのと同じ効果を持ちます(私の意見では)。 – JudgeFudge

関連する問題