在 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
我的目标是像 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