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

Question

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

我只想禁用特定页面的页面转换。我打算使用我自己的自定义动画来打开页面：具体来说，我希望能够打开一个带有缩放效果的页面，就像在 WhatsApp 中点击对话屏幕。每隔一个页面应保留默认过渡。

Answer 1

您可以通过 2 个步骤实现此目的

1. 先全局禁用

app.moduel.ts

IonicModule.forRoot({animated: false})

2. 然后使用 Native Page Transitions 插件根据需要为您需要的页面添加转换。

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

即

1. 您需要执行上述第 1 步

2. 对所有需要动画的页面使用Angular路由过渡动画