如何调试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本身的自定义动画，而不要使用angular的自定义动画。您可以在这里看到一个使用示例的工作示例： https://github.com/mhartington/ionic4-custom-animation

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