reactjs - 是否可以使用成帧器运动为 dom 重新排序设置动画

Question

如何使用成帧器运动对 dom 重新排序进行动画处理（或过渡）？我读过一种称为 FLIP 的技术（在此处提到，但我不确定如何将其实现到成帧器运动中。

Answer 1

您可以通过向layout运动组件添加道具来实现。确保您使用 framer-motion 2.0 及更高版本，因为低于它曾经是layoutTransition={transition object}.

请参阅此处的工作示例https://codesandbox.io/s/framer-motion-reorder-animation-forked-4jbqh?file=/src/Example.tsx