在Ionic 4中禁用单个页面上的页面转换

Question

我知道我可以使用IonicModule.forRoot({animated: false})来禁用app.module.ts文件中的页面转换。但是，这将禁用整个应用程序的过渡和动画。

我只希望针对特定页面禁用页面转换。我计划使用自己的自定义动画来打开页面：具体来说，我希望能够打开具有缩放效果的页面，就像在WhatsApp中点击对话屏幕工具栏上的联系人姓名时一样。每隔一页应保留默认过渡。

Answer 1

您可以通过2个步骤来实现

1. 首先全局禁用它

app.moduel.ts

IonicModule.forRoot({animated: false})

1. 然后使用Native Page Transitions插件根据需要添加所需页面的过渡。

以上两个步骤将适用于本机设备，因为它需要本机插件。但是，如果您需要使用相同的代码库同时支持两个平台（即Web和真实设备），则需要选择Angular Route transition animations。

即

1. 您需要执行上面的第一步

2. 在需要动画的所有页面上使用Angular Route过渡动画