Il s'agit de l'application Linux nommée react-native-animatable dont la dernière version peut être téléchargée sous le nom 1.3.3.tar.gz. Il peut être exécuté en ligne sur le fournisseur d'hébergement gratuit OnWorks pour les postes de travail.
Téléchargez et exécutez en ligne cette application nommée react-native-animatable avec OnWorks gratuitement.
Suivez ces instructions pour exécuter cette application :
- 1. Téléchargé cette application sur votre PC.
- 2. Entrez dans notre gestionnaire de fichiers https://www.onworks.net/myfiles.php?username=XXXXX avec le nom d'utilisateur que vous voulez.
- 3. Téléchargez cette application dans ce gestionnaire de fichiers.
- 4. Démarrez l'émulateur en ligne OnWorks Linux ou Windows en ligne ou l'émulateur en ligne MACOS à partir de ce site Web.
- 5. Depuis le système d'exploitation OnWorks Linux que vous venez de démarrer, accédez à notre gestionnaire de fichiers https://www.onworks.net/myfiles.php?username=XXXXX avec le nom d'utilisateur que vous souhaitez.
- 6. Téléchargez l'application, installez-la et exécutez-la.
CAPTURES D'ÉCRAN
Ad
réagir-natif-animable
DESCRIPTION
Transitions déclaratives et animations pour React Native. Pour animer des choses, vous devez utiliser le compositeur createAnimatableComponent similaire à Animated.createAnimatedComponent. Les composants communs View, Text et Image sont précomposés et exposés sous l'espace de noms Animatable. Si vous avez votre propre composant que vous souhaitez animer, enveloppez-le simplement avec un Animatable.View. Pour créer des animations en boucle, définissez simplement iterationCount sur infini. La plupart des animations, à l'exception des chercheurs d'attention, fonctionnent mieux lorsque vous définissez une direction alternative. Vous pouvez créer vos propres transitions simples d'une propriété de style de votre choix. L'exemple suivant augmentera la taille de la police de 5 pour chaque tap, tous animés, tous déclaratifs ! Si vous ne fournissez pas de propriété de durée, une animation printanière sera utilisée. Les transitions nécessitent StyleSheet.flatten disponible dans React Native 0.15 ou version ultérieure. Si vous utilisez quelque chose de plus bas, veuillez polyfill comme décrit dans l'utilisation impérative.
Fonctionnalités:
- Toutes les animations sont exposées en tant que fonctions sur des éléments Animable
- Les animations renvoient une promesse qui est résolue lorsque l'animation se termine avec succès ou est annulée
- Pour arrêter toutes les animations en cours, invoquez simplement stopAnimation() sur cet élément
- Vous pouvez également animer impérativement en utilisant la fonction animate() sur l'élément pour des animations personnalisées
- Les animations peuvent être référencées par un nom global ou un objet de définition
- Combinez plusieurs styles pour créer une animation de zoom arrière
Langage de programmation
JavaScript
Il s'agit d'une application qui peut également être récupérée à partir de https://sourceforge.net/projects/react-native-animatable.mirror/. Il a été hébergé dans OnWorks afin d'être exécuté en ligne de la manière la plus simple à partir de l'un de nos systèmes d'exploitation gratuits.
