React-native: [Animado] Repetir / repetir animação

Criado em 25 out. 2015 · 3Comentários · Fonte: facebook/react-native

Existe alguma maneira de fazer loop ou repetir animações com a API Animated atual?

Eu queria ter um ícone de carregamento girando enquanto meu aplicativo obtém as informações necessárias, mas só consigo fazer com que ele gire uma vez.

Cumprimentos

Locked

Fonte

axelg12

Comentários muito úteis

O método .start() recebe um retorno de chamada de conclusão. Nesse retorno de chamada, você pode executar a animação novamente!

Algo assim deveria servir

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

dralletje em 25 out. 2015

👍12 👎1

Todos 3 comentários

O método .start() recebe um retorno de chamada de conclusão. Nesse retorno de chamada, você pode executar a animação novamente!

Algo assim deveria servir

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

dralletje em 25 out. 2015

👍12 👎1

@dralletje Doea animação de quadro de suporte react-nativo?

muyiou em 27 out. 2015

Use o Stack Overflow e marque sua pergunta com react-native para fazer estes tipos de perguntas: http://stackoverflow.com/questions/tagged/react-native

Muitas pessoas da comunidade participam do Stack Overflow e poderão ver e provavelmente também responder à sua pergunta. Usar o Stack Overflow para perguntas também nos ajuda a usar os problemas do Github para rastrear os bugs que precisam ser corrigidos.