Loop prop isnt working about lottie-react-native HOT 7 CLOSED

It works for me when using the imperative API

import React from 'react';
import Animation from 'lottie-react-native';

export default class BasicExample extends React.Component {
  componentDidMount() {
    this.animation.play();
  }

  render() {
    return (
      <Animation
        loop={true}
        ref={animation => { this.animation = animation; }}
        style={{
          width: 200,
          height: 200,
        }}
        source={require('../path/to/animation.json')}
      />
    );
  }
}

from lottie-react-native.

I didn't try the imperative API, just pointing that looping on the component API isn't working

from lottie-react-native.

At the moment loop is only applicable to the imperative API. I'm not quite sure how it would work with the Animated API, since the animation progress is controlled by an animated value (which you would be able to loop yourself if you wanted, though it's not straight-forward).

I'm happy to take suggestions on how this could/should work

from lottie-react-native.

If there was a callback when the animation ends something like onAnimationComplete we can reset the animation again.

from lottie-react-native.

if you're using the Animated API, this callback already exists. You would animate from 0 -> 1, and then reset

from lottie-react-native.

Though, I do think that the Animated API could use a loop API. I know I had talked to vjeux about this at some point. Perhaps it's time to make a PR

from lottie-react-native.

Sounds good, thanks for your feedback!

from lottie-react-native.