如何调试 Ionic iOS 滑动手势问题

Question

我正在处理 Ionic 的 iOS 本机构建中的一个奇怪错误，当我使用 router.navigateByURL(...) 转换到新页面时，有时我无法向后滑动或切换标签，并且尝试调试这个问题很麻烦，因为我不能“看”手势是如何处理的。有谁知道我应该在哪里查看处理过渡手势的代码？

这是该问题的视频演示：https://streamable.com/hk9c0

在视频中，你可以看到我：

1. 使用ion-refresher元素向下滑动刷新，您可以看到下面的页面（已经为该部分输入了错误报告：https://github.com/ionic-team/ionic/issues/18284）
2. 试图点击左角的后退箭头
3. 尝试从左向右滑动以返回页面（很难显示该页面）
4. 点击底部选项卡以转换到新选项卡，在某一时刻，我点击了一个具有ion-fab 元素的选项卡，该元素出现在右下角，因为它的z-index 高于“卡住”页面。

目前我能做的最好的事情是查看添加到页面中的 css 类，但这并没有多大用处....

app-release 是您可以在视频中看到的页面，app-home 是堆栈下方的页面。我的理解是 Ionic 使用hammer.js作为手势，所以我将它添加为标签，如果我错了，请纠正我。在我的一生中，我无法始终如一地重新创建此错误，但通常会触发 50 次尝试中的 1 次。

我一直在挖掘 Ionic Core 中的 utils 以查看添加和删除元素的位置，但没有运气。

我也在这里为此创建了一个错误请求：https://github.com/ionic-team/ionic/issues/18305

Answer 1

您是否使用@angular/animations 在页面之间进行转换？正如您在我的问题中看到的那样，我遇到了一些像您这样的问题。 Router navigate on Ionic with animation blinking on ios using angular animations

如果我对 @angualar/animations 的使用是正确的，我建议使用 Ionic 本身的自定义动画，而不是 te angular。您可以在此处查看其使用的工作示例： https://github.com/mhartington/ionic4-custom-animation

由于我的 50 名代表人数较少，我无法发表评论，所以我不得不发布这个答案，不知道这是否真的是你的情况。希望对您有所帮助。