should help you out The problem is that the browser caches the image after it has been loaded once, and the animation is run only when the image is fresh, not when the browser pulls it from its cache. You can force the browser to reload the image by adding an arbitrary parameter to the URL that changes every time the image is referenced, like a time stamp, for example.
it fixes the issue For a simple animation you can use a UIImageView animation to animate a set of images (i.e. use the images as frames in the animation).
UIImageView* dotsImageView= [[UIImageView alloc] initWithFrame:dotsFrame];
// load all the frames of your animation
dotsImageView.animationImages = @[[UIImage imageNamed:@"image1.png"],
// set how long it will take to go through all images
dotsImageView.animationDuration = 1.0;
// repeat the animation forever
dotsImageView.animationRepeatCount = 0;
// start the animation
// add it to the view
Instant return to initial state after Angular2 Animate based animation to be able to run the animation several times
Hope that helps Change the MouseUp EventTrigger to: Reset to the beginning of the animation, using SeekStoryboard Stop the animation, using PauseStoryboard. Using StopStoryboard run the animation to the fill state, which is not what you want: you want the window to disappear.
seems to work fine "LottieSwipeRefreshLayout" worked out for me. the main catch is to use attribute app:layout_type="content" in your recyclerview,scroll view, nested scroll view etc. Also to customize the Lottie animation modification can be done in listeners onTriggerListener and onProgressListener which are overridden in LottiePullToRefreshLayout class