Как отладить проблемы жестов смахивания 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 для жестов, поэтому я добавил его в качестве тега, пожалуйста, исправьте меня, если я ошибаюсь. Я не могу, на всю жизнь, воссоздать эту ошибку последовательно, но часто запускаю 1 из 50 попыток.

Я копался в utils в Ionic Core, чтобы увидеть, где элементы добавляются и удаляются, но не повезло.

Я также создал здесь запрос на ошибку: https://github.com/ionic-team/ionic/issues/18305

Answer 1

Используете ли вы @ angular / animations для перехода между страницами? У меня были некоторые проблемы, как у вас, как вы можете видеть в моем вопросе. Маршрутизатор на Ionic с анимацией, мигающей на IOS с использованием угловой анимации

Если я прав насчет использования @ angualar / animations, я предлагаю использовать собственную анимацию самого Ionic, а не te angular. Вы можете увидеть рабочий пример его использования здесь: https://github.com/mhartington/ionic4-custom-animation

Поскольку у меня менее 50 представителей, я не могу комментировать, поэтому мне пришлось опубликовать этот ответ, не зная, действительно ли это был ваш случай. Надеюсь, это поможет.