Esempi
Pattern completi costruiti con Animated. Regola le impostazioni accanto a ciascuno: l’esempio le riceve solo come props.
- Dock magneticoLe icone crescono al passaggio del puntatore, spostando le vicine, e si assestano quando se ne va.
moveInputfollowuseAnimatedCSSmultiply - Mazzo da scorrereTrascina la card in cima. Oltre la soglia vola via; altrimenti torna indietro con una molla.
dragInputuseAnimatedListenerAnimated.div - Galleria condivisaUn riquadro si espande in una vista di dettaglio e torna a rimpicciolirsi nella griglia.
Animated.SceneAnimated.Keepmove - Lista riordinabileTrascina le righe per riordinarle, oppure usa i tasti freccia su una riga con il focus.
useReorder - Storia a scorrimentoI livelli si muovono a profondità diverse mentre il cielo cambia colore durante lo scroll.
scrollInputuseAnimatedCSSinterpolate - Poster animatoUn poster in loop in cui ogni elemento è una traccia di un’unica timeline navigabile.
useTimeline