Ionic 2 关闭页面向下滑动动画答案

【问题标题】：Ionic 2 dissmiss page slide down animationIonic 2 关闭页面向下滑动动画
【发布时间】：2017-09-16 05:32:40
【问题描述】：

我有一个页面，我用 nav.push 调用它。一旦我在那里，我有一个 [x] 来关闭它，我使用 this.view.dismiss()，但由于它不是模态的，它会通过向右滑动关闭页面（与 nav.pop 动画相同） .

有没有办法为此关闭制作自定义动画，向下滑动。

我使用了 nav.push 的动画，比如这个

this.nav.push(Page2, {}, { animate: true, direction: 'back' })

但是没有向下滑动的动画，或者任何东西：/

【问题讨论】：

【解决方案1】：

看看Native Page Transitions Plugin

使用此插件，您可以完全控制动画。

【讨论】：

这个插件对我来说不是最佳的。问题是当我调用 this.nativePageTransitions.slide(options); this.navCtrl.push(page);它进行了telerik过渡，但在它之后页面仍然向右滑动（默认离子流行动画），因此它非常混乱且不是最佳的。我只想拥有带有清晰向下滑动页面动画的经典 view.dismiss() 模态动画：/
好的，我设法通过调用以下代码行来调整它：this.nativePageTransitions.slide(options); this.nav.pop({animate:false}); this.nav.pop(page);
所以弹出两次？为什么要在参数中添加页面？还是您使用 popTo() ？如果您觉得我的回答对您有用，请考虑采纳。
是的，感谢您的帮助。问题是我不能将代码放在 ionViewWillLeave 中，因为一旦您单击顶部的后退图标，我就会有另一张幻灯片向左动画。所以我需要一个可以弹出当前页面的函数，带有自定义动画。但是，是的，在原生页面转换插件中调整了一些设置后，一切都很好，至少在 Ios 中。
请注意选项“iosdelay”和“androiddelay”