4

尝试使用 react-beautiful-dnd 创建可拖动的项目,但找不到它为什么如此“跳跃”。移动项目并释放它后,拖动的项目和其他项目正在移动和缩放(参见包含的图像 gif)。仅当将项目/卡片拖到列表末尾时,它才会在没有任何动画的情况下稳定下来,这就是我想要拥有它们的方式。

在基于 javascript 的 css 中使用 material-UI 样式和 flex 以使容器与项目居中。

还尝试按照建议跳过放置动画但没有成功:https ://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/drop-animation.md

问题的gif图像

4

1 回答 1

4

好的,在文档中找到了它,其中提到了可拖动项目:“还建议您不要将自己的转换属性应用于拖动元素。”

删除了这个 css,阴影的平滑器:

transition: 'all 0.3s cubic-bezier(.25,.8,.25,1)',
于 2019-12-01T23:09:22.043 回答