使用touch.js的触摸支持拖放

时间:2015-01-08 10:09:49

标签: drag-and-drop touch reactjs

如何实现Facebook的拖放操作' react.js支持触摸事件?

有几个question s和articles以及libraries关于react.js的拖放,但是没有一个似乎提到触摸事件,没有一个我的手机上的演示工作。

总的来说,我想知道什么是最简单的:尝试使用已经支持触摸的现有d& d库来实现这一点,但是可能需要一些工作才能与react一起正常工作。或者尝试使用任何反应性d& d示例,并使它们与触摸一起工作(看到this issue,可能不是一件容易的事情?)

2 个答案:

答案 0 :(得分:8)

反应动作(触摸事件)

我们尝试了“react-motion”来拖动列表中的项目。超过15-20项,它变得非常滞后。 (但是使用小列表它很有效,就像在这个demo中)。请注意,移动设备比桌面设备慢得多。

关于react-motion的重要说明:在测试动画的性能时,不要忘记使用生产模式!

react-dnd(带触摸事件)

第二个选项是“react-dnd”。这是一个很棒的图书馆。它是低级别的,但是,它很容易理解如何使用它。但起初,“react-dnd”不是我们的选择,因为没有触摸事件支持。

后来,当雅虎发布react-dnd-touch-backend时,我们决定将我们的应用程序从“react-motion”切换为“react-dnd”。这解决了我们所有的性能问题。我们列出了50-70个项目,它按预期工作。

雅虎做得很好,解决方案适用于我们的制作应用。

答案 1 :(得分:4)

您已经提到了react-dnd并且我PR为触摸设备启用了dnd以便您可以尝试

相关问题