# Lottie animation without refreshing

**URL:** <https://community.thunkable.com/t/lottie-animation-without-refreshing/521824>\
**Category:** Questions about Thunkable X\
**Created:** [March 18, 2020, 2:49pm UTC](https://community.thunkable.com/t/lottie-animation-without-refreshing/521824 "2020-03-18T14:49:36Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Chris](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/chris/32/78883_2.png) [@Chris](https://community.thunkable.com/u/Chris)\
**Post date:** [March 18, 2020, 2:49pm UTC](https://community.thunkable.com/t/lottie-animation-without-refreshing/521824/1 "2020-03-18T14:49:36Z")

</div>

Hey,

is there any chance to get Lottie animations working while updating some label or button components? Right now Thunkable does not seem to be capable of doing so because whenever I change the value of a label (countdown) it will just restart the animation instead of playing continuously ☹

Is there any workaround or is a fix planned?

Best, Chris

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 18, 2020, 4:33pm UTC](https://community.thunkable.com/t/lottie-animation-without-refreshing/521824/2 "2020-03-18T16:33:49Z")

</div>

I experience this same thing! I wonder if a button background image can be set to be an animation? I can test this later today

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 18, 2020, 9:00pm UTC](https://community.thunkable.com/t/lottie-animation-without-refreshing/521824/3 "2020-03-18T21:00:59Z")

</div>

Hey @Chris, the only workaround I have found for this would be to download the lottie as a gif. then assign the fig to be the background image for a button and place an invisible column above that button.  
[https://x.thunkable.com/copy/6f7dfb0fe902112eb0ddac4407aa0b6f](https://x.thunkable.com/copy/6f7dfb0fe902112eb0ddac4407aa0b6f)  
see here  
 ![Screen Shot 2020-03-18 at 4.46.31 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/3/03ecf408d2eecf54afb1ccf77a1a920f733f3641.png)

---

<div class="post-metadata">

**Author:** ![Chris](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/chris/32/78883_2.png) [@Chris](https://community.thunkable.com/u/Chris)\
**Post date:** [March 20, 2020, 4:23pm UTC](https://community.thunkable.com/t/lottie-animation-without-refreshing/521824/4 "2020-03-20T16:23:34Z")

</div>

Thank you for this idea but I guess this won’t work for my project due to file size and gif quality.

Oh man - so I guess we cannot use Lottie animations at all when there is anything on screen that needs to be updated… I really wonder why this is nothing that has been fixed yet since the lottie component exists for quite a long time 😬 but maybe this is the same issue that we have with images and other components rhat would always flash when you have text input or labes changing 🤔

Best, Chris

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 26, 2020, 8:19pm UTC](https://community.thunkable.com/t/lottie-animation-without-refreshing/521824/5 "2020-03-26T20:19:08Z")

</div>

@Chris I actually retested this today and it’s not working on my iPhone companion app. It shows in the web preview as the button image but not my phone 😕

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:39am UTC](https://community.thunkable.com/t/lottie-animation-without-refreshing/521824/6 "2024-11-08T11:39:35Z")

</div>


