Animated.ValueXY |
Valeur (X,Y) animé |
|---|---|
| React Native | |
Description
Cet API permet d'indiquer la valeur 2D pour piloter des animations 2D, telles que des gestes de panoramique.
Liste des méthodes
| Nom | Description |
|---|---|
| setValue | Cette méthode permet de définir directement la valeur. Elle arrêtera toutes les animations en cours d'exécution sur la valeur et mettra à jour toutes les propriétés liées. |
| setOffset | Cette méthode permet de définir un déplacement appliqué par-dessus la valeur définie, que ce soit via setValue, une animation ou Animated.event. Utile pour compenser des choses comme le début d'un geste de panoramique. |
| flattenOffset | Cette méthode permet de fusionner la valeur de déplacement dans la valeur de base et réinitialise le déplacement à zéro. La sortie finale de la valeur reste inchangée. |
| extractOffset | Cette méthode permet de définir la valeur de déplacement sur la valeur de base et de réinitialiser la valeur de base à zéro. La sortie finale de la valeur reste inchangée. |
| addListener | Cette méthode permet d'ajouter un écouteur désynchronisé à la valeur afin que vous puissiez observer les mises à jour des animations. Elle est utile car il n'existe aucun moyen de lire la valeur de manière synchronisée car elle peut être pilotée en mode natif. |
| removeListener | Cette méthode permet de désinscrire un auditeur. Le paramètre id doit correspondre à l'identifiant précédemment renvoyé par addListener(). |
| removeAllListeners | Cette méthode permet de supprimer tous les écouteurs enregistrés. |
| stopAnimation | Cette méthode permet d'arrêter toute animation ou suivi en cours. Le callback est appelé avec la valeur finale après l'arrêt de l'animation, ce qui est utile pour mettre à jour l'état afin qu'il corresponde à la position de l'animation avec la mise en page. |
| resetAnimation | Cette méthode permet d'arrêter toute animation et réinitialiser la valeur à son origine. |
| getLayout | Cette méthode permet de convertir (x, y) en (left, top) pour une utilisation avec style. |
| getTranslateTransform | Cette méthode permet de convertir (x, y) en une transformation de translation utilisable. |
Dernière mise à jour : Jeudi, le 4 Mars 2021