React-native: [Animasi] Ulangi / loop animasi

Dibuat pada 25 Okt 2015 · 3Komentar · Sumber: facebook/react-native

Apakah ada cara untuk mengulang atau mengulang animasi dengan API Animasi saat ini?

Saya ingin ikon pemuatan berputar saat aplikasi saya mendapatkan informasi yang diperlukan, tetapi saya hanya dapat membuatnya berputar sekali.

Salam

Locked

Sumber

axelg12

Komentar yang paling membantu

Metode .start() mengambil panggilan balik penyelesaian. Dalam panggilan balik itu Anda dapat menjalankan animasi lagi!

Sesuatu seperti ini harus dilakukan

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

dralletje pada 25 Okt 2015

👍12 👎1

Semua 3 komentar

Metode .start() mengambil panggilan balik penyelesaian. Dalam panggilan balik itu Anda dapat menjalankan animasi lagi!

Sesuatu seperti ini harus dilakukan

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

dralletje pada 25 Okt 2015

👍12 👎1

@dralletje Doea reaksi asli mendukung animasi bingkai?

muyiou pada 27 Okt 2015

Silakan gunakan Stack Overflow dan tandai pertanyaan Anda dengan reaksi asli untuk mengajukan pertanyaan semacam ini: http://stackoverflow.com/questions/tagged/react-native

Banyak orang dari komunitas nongkrong di Stack Overflow dan akan dapat melihat dan kemungkinan juga menjawab pertanyaan Anda. Menggunakan Stack Overflow untuk pertanyaan juga membantu kami menggunakan masalah Github untuk melacak bug yang perlu diperbaiki.