在React Native中，你如何制作像Instagram这样的交互式点按保持模式？

Question

Instagram有一个非常酷的互动，你可以在图像上点击并按住，也就是longPress，并出现一个交互式弹出窗口。一旦出现，您可以将手指拖动到其中一个操作按钮上，然后移开手指即可应用操作并关闭弹出窗口。

这是在行动。

如果您需要仔细观察，请here's a link to a video。

在我的应用程序中，我点击并按住弹出窗口工作，但手指拖动继续控制基础视图。

如何将手指互动转移到弹出窗口？
如何让按钮响应手指拖动？

Answer 1

这是您可以使用PanResponder实现的。使用Pan Responder，您基本上是在创建自己的可触摸组件。 Click here for the docs.

此外，您需要Animated API来为过渡设置动画。