如何在 React Native 中拖放动作？

Question

我有两个视图，A 和 B。 我希望能够在触摸视图 A 时触发“dragAndDropStart”事件，然后启用从 A 到 B 的拖放...在整个过程中向用户显示反馈（即显示视图 A 和用户手指之间出现的一条线） .在放下（释放拖动手势）时，我想触发另一个“dragAndDropEnd”事件，这次是在视图 B 上。

touchStart 和 touchEnd 处理程序过于有限，因为它们似乎不允许将手势从一个视图切换到另一个视图。它们似乎也没有启用中间“拖动”状态。

关于使用手势处理程序的 React 本机文档有点神秘，我还没有看到任何示例来演示它们的使用。

有什么想法吗？

Answer 1

使用 PanResponder 和 Animated 进行拖放。 阅读这些文章，希望对您有所帮助： https://moduscreate.com/blog/animated_drag_and_drop_with_react_native/ https://blog.reactnativecoach.com/creating-draggable-component-with-react-native-132d30c27cb0