¿Cómo puedo animar (o hacer una transición) el reordenamiento de dom con el movimiento del encuadre? Leí sobre una técnica llamada FLIP (mencionada aquí pero No estoy seguro de cómo haría para implementar esto en el movimiento del encuadre.

1
Kasper Östberg 24 ago. 2020 a las 17:59

1 respuesta

La mejor respuesta

Puede lograrlo agregando layout prop a su componente de movimiento. Asegúrate de usar la versión de framer-motion 2.0 y superior, porque debajo solía estar layoutTransition={transition object}.

Vea el ejemplo de trabajo aquí https: //codesandbox.io/s/framer-motion-reorder-animation-forked-4jbqh?file=/src/Example.tsx

1
indyanin 26 ago. 2020 a las 11:05