React-native: [Animada] Animación repetida / en bucle

Creado en 25 oct. 2015 · 3Comentarios · Fuente: facebook/react-native

¿Hay alguna forma de repetir o repetir animaciones con la API animada actual?

Quería tener un ícono de carga girando mientras mi aplicación obtiene la información necesaria, pero solo puedo hacerlo girar una vez.

Saludos

Locked

Fuente

axelg12

Comentario más útil

El método .start() toma una devolución de llamada de finalización. ¡En esa devolución de llamada, puede ejecutar la animación nuevamente!

Algo como esto debería hacer

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

dralletje en 25 oct. 2015

👍12 👎1

Todos 3 comentarios

El método .start() toma una devolución de llamada de finalización. ¡En esa devolución de llamada, puede ejecutar la animación nuevamente!

Algo como esto debería hacer

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

dralletje en 25 oct. 2015

👍12 👎1

@dralletje ¿ Doea react-native support frame animation?

muyiou en 27 oct. 2015

Utilice Stack Overflow y etiquete su pregunta con react-native para hacer este tipo de preguntas: http://stackoverflow.com/questions/tagged/react-native

Muchas personas de la comunidad pasan el rato en Stack Overflow y podrán ver y probablemente también responder a su pregunta. El uso de Stack Overflow para preguntas también nos ayuda a usar los problemas de Github para realizar un seguimiento de los errores que deben corregirse.