【问题标题】:Implement Swipe interaction on React Native在 React Native 上实现 Swipe 交互
【发布时间】:2018-06-04 17:11:32
【问题描述】:

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

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

我尝试使用 2 个不同的库:react-native-swiperreact-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


【解决方案1】:

使用来自react-native-swipe-gestures的这个fork:https://github.com/thegamenicorus/react-native-swipe-gestures

【讨论】:

  • Minoru 来救援了 XD
  • 这个分叉有什么不同?我查看了 index.js 并没有发现任何区别...谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2023-01-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多