React-native: [Animé] Répétition / animation en boucle

Créé le 25 oct. 2015 · 3Commentaires · Source: facebook/react-native

Existe-t-il de toute façon une boucle ou une répétition d'animations avec l'API animée actuelle ?

Je voulais qu'une icône de chargement tourne pendant que mon application reçoit les informations nécessaires, mais je ne peux la faire pivoter qu'une seule fois.

Salutations

Locked

Source

axelg12

Commentaire le plus utile

La méthode .start() prend un rappel d'achèvement. Dans ce rappel, vous pouvez à nouveau exécuter l'animation !

Quelque chose comme ça devrait faire

  ...
  runAnimation() {
    this.state.rotateValue.setValue(0);
    Animated.timing(this.state.rotateValue, {
        toValue: 360,
        duration: 500,
    }).start(() => this.runAnimation());
  }
  ...

dralletje le 25 oct. 2015

👍12 👎1

Tous les 3 commentaires

La méthode .start() prend un rappel d'achèvement. Dans ce rappel, vous pouvez à nouveau exécuter l'animation !

Quelque chose comme ça devrait faire

  ...
  runAnimation() {
    this.state.rotateValue.setValue(0);
    Animated.timing(this.state.rotateValue, {
        toValue: 360,
        duration: 500,
    }).start(() => this.runAnimation());
  }
  ...

dralletje le 25 oct. 2015

👍12 👎1

@dralletje Doea animation de cadre de support natif réactif ?

muyiou le 27 oct. 2015

Veuillez utiliser Stack Overflow et marquer votre question avec react-native pour poser ce genre de questions : http://stackoverflow.com/questions/tagged/react-native

De nombreuses personnes de la communauté fréquentent Stack Overflow et pourront voir et probablement aussi répondre à votre question. L'utilisation de Stack Overflow pour les questions nous aide également à utiliser les problèmes Github pour suivre les bogues qui doivent être corrigés.