React-native: [Анимация] Повтор / зацикливание анимации

Созданный на 25 окт. 2015 · 3Комментарии · Источник: facebook/react-native

Есть ли способ зацикливать или повторять анимацию с текущим Animated API?

Я хотел, чтобы значок загрузки вращался, пока мое приложение получает необходимую информацию, но я могу повернуть его только один раз.

С Уважением

Locked

Источник

axelg12

Самый полезный комментарий

Метод .start() принимает обратный вызов завершения. В этом обратном вызове вы можете снова запустить анимацию!

Что-то вроде этого должно быть

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

dralletje 25 окт. 2015

👍12 👎1

Все 3 Комментарий

Метод .start() принимает обратный вызов завершения. В этом обратном вызове вы можете снова запустить анимацию!

Что-то вроде этого должно быть

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

dralletje 25 окт. 2015

👍12 👎1

@dralletje Doea React-native поддерживает анимацию кадров?

muyiou 27 окт. 2015

Используйте Stack Overflow и пометьте свой вопрос с помощью response-native, чтобы задавать такие вопросы: http://stackoverflow.com/questions/tagged/react-native

Многие люди из сообщества болтаются на Stack Overflow и смогут увидеть и, вероятно, также ответить на ваш вопрос. Использование Stack Overflow для вопросов также помогает нам использовать проблемы Github для отслеживания ошибок, которые необходимо исправить.