是否可以使用成帧器运动来动画化dom的重新排序

问题描述

如何通过成帧器运动对dom重新排序进行动画处理(或过渡)?我已经读过一种称为FLIP的技术(提到了here,但是不确定如何将其实现为成帧器运动。

解决方法

您可以通过在运动组件中添加layout道具来实现。确保使用framer-motion 2.0及更高版本,因为低于该版本以前是layoutTransition={transition object}

在此处https://codesandbox.io/s/framer-motion-reorder-animation-forked-4jbqh?file=/src/Example.tsx

中查看工作示例