在 React Native 上实现滑动交互

Implement Swipe interaction on React Native

我的目标是像 Harvest 应用程序在移动设备上一样构建交互。它基本上有 7 个固定选项卡,并使用滑动在选项卡之间导航。在选项卡之间导航时,我可以看到下一个选项卡的内容,但没有完全导航到那里。当到达选项卡的边缘并试图保持同一方向滑动时,它会在动画后循环。

例如:如果它从 index: 5 开始并获得向左滑动交互,它会转到 index: 6;再次尝试时,它会动画、循环并返回到 index: 0.

我尝试使用 2 个不同的库:react-native-swiper and react-native-swipe-gestures,但它们不符合我的需要。虽然 react-native-swiper 为我提供了动画,但在 index: 0 上无法获得向右滑动的手势。 react-native-swipe-gesture,否则,让我可以完全控制手势,但根本没有动画。

我尝试使用 react-native-gesture-handler 作为 Expo 的一部分,但未能获得预期的结果。考虑到这一点,我的猜测是为 react-native-swipe-gesture 设置动画更容易,但我找不到任何相关信息。我怎样才能完成它?

使用了来自 react-native-swipe-gestures 的叉子:https://github.com/thegamenicorus/react-native-swipe-gestures