【发布时间】:2018-06-04 17:11:32
【问题描述】:
我的目标是建立一种互动,就像 Harvest 应用在移动设备上一样。它基本上有 7 个固定选项卡,并使用滑动在选项卡之间导航。在选项卡之间导航时,我可以看到下一个选项卡的内容,而不是完全导航到那里。当到达选项卡的边缘并尝试保持相同方向滑动时,它会在动画后循环。
例如:如果它从index: 5 开始并获得向左滑动交互,则转到index: 6;再次尝试时,它会动画、循环并返回到index: 0。
我尝试使用 2 个不同的库:react-native-swiper 和 react-native-swipe-gestures,但它们不符合我的需要。虽然react-native-swiper 给了我动画,但在index: 0 上时无法获得向右滑动的手势。 react-native-swipe-gesture,否则,让我可以控制手势,但根本没有动画。
我尝试使用 react-native-gesture-handler 作为 Expo 的一部分,但未能获得预期的结果。考虑到这一点,我的猜测是对react-native-swipe-gesture 进行动画处理更容易,但我找不到任何关于它的信息。我怎样才能完成它?
【问题讨论】:
-
我相信你最好将来自 PanReponder 的 React Native API 和 Animated 结合起来,而不是为你的特定用例使用一些第三方库
标签: android ios animation react-native gesture