问题描述
如何通过成帧器运动对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
中查看工作示例