【问题标题】:After Setting State, Second Drag Not Animated - React Native, Expo, PanGestureHandler设置状态后,第二次拖动没有动画 - React Native、Expo、PanGestureHandler
【发布时间】:2021-01-05 17:06:35
【问题描述】:

我向你求助,请求帮助找出原因,在 React Native 中使用 reanimated 和 PanGestureHandler,我可以拖动一个对象一次,但是当手势事件结束并且我更新状态时,第二个 -> Nth 拖动动画没有不会再发生了。

在我的实际 Android 9 设备上:

  1. 我可以在应用程序加载后立即拖动对象,并且我看到对象在我拖动时跟随我的手指(正确的行为
    • 触摸冒泡到父容器,这并不理想,但在这个更大的问题解决后,这是我要处理的事情
  2. 在第二次拖动时,当我的手指向下时,对象似乎卡住了,当我从屏幕上松开手指时,对象会跳到新位置(不正确的行为

这里有一个可以重现问题的零食,但我在实际的 Android 9 设备上看到的问题发生在使用 snap.expo.io 上的 iOS 仿真时: https://snack.expo.io/@aproximation/react-native-draggable

正在使用的库是:

  • 反应:16.11.0
  • React Native:0.63.2
  • React Native 手势处理程序:1.6.0
  • React Native Reanimated:1.13.0
  • 世博会:38.0.10

最后,我还在这里创建了一个问题,以防它是 React Native Gesture Handler 的错误:https://github.com/software-mansion/react-native-gesture-handler/issues/1194

谢谢!

【问题讨论】:

    标签: reactjs react-native expo react-native-reanimated react-native-gesture-handler


    【解决方案1】:

    我最终使用了 react-native 中的 Animated 和 PanResponder 而不是 PanGestureHandler,这最终奏效了。

    我更新了上面链接的 github 问题,提供了更多详细信息。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-11-08
      • 2013-11-05
      • 1970-01-01
      • 1970-01-01
      • 2014-02-07
      • 2021-09-25
      • 1970-01-01
      • 2019-12-29
      相关资源
      最近更新 更多