Fli*_*ion 17 drag-and-drop touch reactjs
如何通过支持触摸事件为Facebook的react.js实现拖放？
有几个关于react.js拖放的问题和文章和库,但是它们似乎都没有提到触摸事件,并且没有一个演示在我的手机上工作.
总的来说,我想知道什么是最简单的:尝试使用已经支持触摸的现有d&d库来实现这一点,但可能需要一些工作才能与react一起正常协同工作.或者尝试使用任何反应d&d示例,并使它们与触摸一起工作(看到这个问题,可能不是很简单？)
我们尝试了" react-motion "来拖动列表中的项目.超过15-20项,它变得非常滞后.(但是使用小列表它会很好,就像在这个演示中一样).请注意,移动设备比桌面设备慢得多.
关于react-motion的重要说明:在测试动画的性能时,不要忘记使用生产模式!
第二个选项是" react-dnd ".这是一个很棒的图书馆.它是低级别的,但是,它很容易理解如何使用它.但起初,"react-dnd"不是我们的选择,因为没有触摸事件支持.
后来,当Yahoo发布了react-dnd-touch-backend时,我们决定将我们的应用程序从"react-motion"切换为"react-dnd".这解决了我们所有的性能问题.我们列出了50-70个项目,它按预期工作.
雅虎已经做了很好的工作,解决方案适用于我们的制作应用.
| 归档时间： |
|
| 查看次数： |
12566 次 |
| 最近记录： |