Exemples
Des patterns complets construits avec Animated. Ajustez les réglages à côté de chacun : l’exemple lui-même ne les reçoit que sous forme de props.
- Dock magnétiqueLes icônes grossissent au passage du pointeur, écartent leurs voisines et se reposent quand il s’en va.
moveInputfollowuseAnimatedCSSmultiply - Pile à balayerFaites glisser la carte du dessus. Au-delà du seuil, elle s’envole ; sinon, elle revient avec un ressort.
dragInputuseAnimatedListenerAnimated.div - Galerie partagéeUne vignette s’agrandit en vue détaillée puis se rétracte dans la grille.
Animated.SceneAnimated.Keepmove - Tableau réordonnableFaites glisser les lignes pour les réordonner, ou utilisez les flèches sur une ligne qui a le focus.
useReorder - Récit au défilementLes calques bougent à des profondeurs différentes tandis que le ciel change de couleur au fil du défilement.
scrollInputuseAnimatedCSSinterpolate - Affiche animéeUne affiche en boucle où chaque élément est une piste d’une même timeline positionnable.
useTimeline