React-native: [アニメーション]リピート/ループアニメーション

作成日 2015年10月25日 · 3コメント · ソース: facebook/react-native

とにかく、現在のAnimated APIでアニメーションをループまたは繰り返すことはできますか？

アプリが必要な情報を取得している間、読み込みアイコンを回転させたかったのですが、回転させることができるのは1回だけです。

よろしく

Locked

ソース

axelg12

最も参考になるコメント

.start()メソッドは完了コールバックを受け取ります。そのコールバックで、アニメーションを再度実行できます。

このようなことをする必要があります

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

dralletje 2015年10月25日

👍12 👎1

全てのコメント3件

.start()メソッドは完了コールバックを受け取ります。そのコールバックで、アニメーションを再度実行できます。

このようなことをする必要があります

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

dralletje 2015年10月25日

👍12 👎1

@dralletje Doea反応-ネイティブサポートフレームアニメーション？