如何从react-beautiful-dnd中删除拖动开始动画?

Mat*_*att 7 animation flicker react-beautiful-dnd

我想创建一个“调色板”以从使用中拖动react-beautiful-dnd。这就像绘图应用程序中的调色板,即。可拖动对象(的副本)将在拖动过程中保留在调色板中,并且调色板不会在拖动开始或拖动结束时产生动画效果。

我已经使用以下方法实现了我所需要的大部分内容:

  1. 环境isDropEnabled={true}
  2. 使用 CSS 隐藏占位符div[data-rbd-placeholder-context-id] {display: none !important;}
  3. 根据https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/drop-animation.md减少掉落动画
  4. 使用 CSS 减少拖动动画div[data-rbd-draggable-context-id] {transition: 0.001s !important;}
  5. Draggable插入重复项onDragStart

拖动时仍然有闪烁,放下时也有闪烁。

我还能做些什么来防止react-beautiful-dnd在拖动开始时以及拖动结束时对可拖动对象进行动画删除吗?

在此输入图像描述