React-native: [Animiert] Wiederholungs- / Schleifenanimation

Erstellt am 25. Okt. 2015 · 3Kommentare · Quelle: facebook/react-native

Gibt es überhaupt eine Schleife oder Wiederholung von Animationen mit der aktuellen animierten API?

Ich wollte, dass sich ein Ladesymbol dreht, während meine App die erforderlichen Informationen erhält, aber ich kann es nur einmal drehen.

Grüße

Locked

Quelle

axelg12

Hilfreichster Kommentar

Die Methode .start() akzeptiert einen Abschluss-Callback. In diesem Rückruf können Sie die Animation erneut ausführen!

So etwas sollte reichen

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

dralletje am 25. Okt. 2015

👍12 👎1

Alle 3 Kommentare

Die Methode .start() akzeptiert einen Abschluss-Callback. In diesem Rückruf können Sie die Animation erneut ausführen!

So etwas sollte reichen

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

dralletje am 25. Okt. 2015

👍12 👎1

@dralletje Doea reaktionsnative Unterstützungsrahmenanimation?

muyiou am 27. Okt. 2015

Bitte verwenden Sie Stack Overflow und markieren Sie Ihre Frage mit React-Native, um diese Art von Fragen zu stellen: http://stackoverflow.com/questions/tagged/react-native

Viele Leute aus der Community hängen auf Stack Overflow herum und können Ihre Frage sehen und wahrscheinlich auch beantworten. Die Verwendung von Stack Overflow für Fragen hilft uns auch, Github-Probleme zu verwenden, um Fehler zu verfolgen, die behoben werden müssen.