Ionic2:如何使用NavOptions更改导航控制器的默认推送动画?

时间:2016-11-28 15:11:43

标签: angular ionic-framework ionic2

我在视图上有一个列表,单击列表中的每个项目都会呈现一个新视图。我希望它从屏幕的右边缘滑动,就像默认的android(我假设)。 Ionic2中的默认NavControl.push()方法呈现新视图,就像它出现在哪里。从Ionic2 docs可以看出,这可能是可能的(但没有给出例子)。来自有关NavOptions的文档,

  

NavController上的一些方法允许自定义当前转换。为此,我们可以使用修改后的属性传递一个对象。

     

属性动画'理解以下值:md-transition,ios-transition和wp-transition。

有人可以解释如何使用这个NavOptions来改变NavController.push()的动画吗?

1 个答案:

答案 0 :(得分:10)

只需使用:

 var navOptions = {
      animation: 'ios-transition'
 };
 this.navController.push(NewPage, null, navOptions);