Реализовать взаимодействие Swipe в React Native

Question

Моя цель - построить взаимодействие, как в приложении Harvest для мобильных устройств. Он в основном имеет 7 фиксированных вкладок и использует Swipe для перемещения между вкладками. При навигации между вкладками я вижу содержимое следующей вкладки, но не полностью перемещаюсь по ней. Достигнув края вкладок и пытаясь удерживать Swiping в одном направлении, он зацикливается после анимации.

Например: если это начинается в index: 5 и он получает Swipe левого взаимодействия, он идет к index: 6; при повторной попытке он оживляет, зацикливается и возвращается к index: 0,

Я пытался использовать две разные библиотеки: react-native-swiper а также react-native-swipe-gestures, но они не соответствуют тому, что мне нужно. В то время как react-native-swiper дает мне анимацию, нет способа получить правильный жест Swipe, когда на index: 0, react-native-swipe-gesture в противном случае, дает мне полный контроль над жестами, но не Animate вообще.

Я пытался с помощью react-native-gesture-handler как часть Экспо, но не удалось получить ожидаемый результат. Имея это в виду, я думаю, что легче оживить react-native-swipe-gesture, но я не мог ничего найти об этом. Как я могу это сделать?

Answer 1

Использовал эту вилку из react-native-swipe-gestures: https://github.com/thegamenicorus/react-native-swipe-gestures