Ejemplos
Patrones completos hechos con Animated. Ajusta la configuración junto a cada uno: el ejemplo en sí solo la recibe como props.
- Dock magnéticoLos iconos crecen al pasar el puntero, apartan a sus vecinos y se asientan cuando se va.
moveInputfollowuseAnimatedCSSmultiply - Mazo deslizableArrastra la carta de arriba. Si pasa el umbral, sale volando; si no, vuelve con un resorte.
dragInputuseAnimatedListenerAnimated.div - Galería compartidaUna miniatura crece hasta una vista de detalle y vuelve a encogerse en la cuadrícula.
Animated.SceneAnimated.Keepmove - Tablero reordenableArrastra filas para reordenarlas o usa las flechas del teclado en una fila con foco.
useReorder - Historia con scrollLas capas se mueven a distintas profundidades mientras el cielo cambia de color al hacer scroll.
scrollInputuseAnimatedCSSinterpolate - Póster animadoUn póster en bucle en el que cada elemento es una pista de una misma línea de tiempo que se puede posicionar.
useTimeline