在 React Native 中,你如何制作像 Instagram 这样的交互式点击并按住模式?

IT技术 reactjs react-native
2021-05-26 12:50:19

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

这是在行动。如果您需要仔细查看这里有一个视频链接
Instagram 互动

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

你如何让手指交互转移到弹出窗口?
你如何让按钮响应手指拖拽?

1个回答

这是您可以通过PanResponder. 使用 Pan Responder,您基本上是在创建自己的可触摸组件。单击此处获取文档。

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