# Lottie file animation caused screen to crash

**URL:** <https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886>\
**Category:** Questions about Thunkable X\
**Created:** [March 16, 2020, 1:29pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886 "2020-03-16T13:29:54Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [March 16, 2020, 1:29pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/1 "2020-03-16T13:29:54Z")

</div>

I have a screen which shows peoples post it was working fine but then I decided to animation so I added animation and downloaded file from lottie animation and soon after doing that my screen started going white / crashing I removed the animation I downloaded and used the animation that didn’t caused my phone to previously crash but it still crashed then I decided to delete the animation component but then it’s still crashing. Now in total my two screens are crashing making my app 60% unusable

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [March 16, 2020, 2:16pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/2 "2020-03-16T14:16:34Z")

</div>

> [@farhanlatif027i3df](#):
>
> then I decided to delete the animation component but then it’s still crashing.

Can you check your blocks to make sure you’re not trying to load an animation that has been removed? This would cause your app to crash

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [March 16, 2020, 2:36pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/3 "2020-03-16T14:36:20Z")

</div>

I have. I actually removed every animation from that screen yet it still crashes

And I’m not loading animation via blocks I load them through design component so they open with screen I turn them off via blocks but I haven’t added any blocks to turn them off screen went white before I could and then I deleted animation file and animation component

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [March 16, 2020, 2:39pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/4 "2020-03-16T14:39:16Z")

</div>

If you don’t have an animation component in your app then your app crashing is probably not being caused by the animation component.

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [March 16, 2020, 2:43pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/5 "2020-03-16T14:43:39Z")

</div>

I’m sure it’s the animation. My screen was working perfectly fine on live and on download but as soon as I added the animation it went white

Only other thing on the both screens is firebase for data recalling and I can not remove firebase

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [March 16, 2020, 2:45pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/6 "2020-03-16T14:45:46Z")

</div>

Please take a look at my troubleshooting guide over here:

> [@Can you help me with cloning columns?](http://community.thunkable.com/t/can-you-help-me-with-cloning-columns/517717/4):
>
> Unfortunately not - you have so many components and blocks in your app that it’s simply not feasible for one of use to check through everything. What I would recommend you do is create a sample project, called “cloning columns” and use just the blocks that you think are causing the issue. If this is the case then send us the sample and we can dedicate resources to diagnosing/fixing the root cause. If your sample app doesn’t crash, then you will know that cloning columns isn’t the issue in yo…

* * *

> [@farhanlatif027i3df](#):
>
> Only other thing on the both screens is firebase

It’s much more likely to be an issue with your Firebase configuration.

Do you have any error handling blocks in your app?

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [March 16, 2020, 2:51pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/7 "2020-03-16T14:51:35Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/8/9889d42c2d7ff1eb6f192aa92bbe51cbd274b62d.jpeg)

That’s my firebase rule

I just added a picture to firebase and recalled it and I had no issue I don’t understand why this is happening when I’m so so close to getting my app published ☹

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [March 16, 2020, 2:52pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/8 "2020-03-16T14:52:46Z")

</div>

> [@farhanlatif027i3df](#):
>
> That’s my firebase rule

ok, but, as I asked already:

> [@domhnallohanlon](#):
>
> Do you have any error handling blocks in your app?

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [March 16, 2020, 2:53pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/9 "2020-03-16T14:53:15Z")

</div>

Could you tell me what you mean by handling?

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [March 16, 2020, 2:56pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/10 "2020-03-16T14:56:33Z")

</div>

![firebase_error_handling](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/4/8473087d09dbc69463a814100d6a80744909986e.png)

error handling refers to how you manage, or deal with errors when they occur in your app.

This is especially important when you are working with cloud-based data.

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [March 16, 2020, 2:58pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/11 "2020-03-16T14:58:27Z")

</div>

The crashes happens instantaneously for me to see the error label

And for cloning I forgot to put that error block I will do so and update you on that but regarding the two crash screens I cant do much at all

---

<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 16, 2020, 3:02pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/12 "2020-03-16T15:02:36Z")

</div>

you should share a screenshot of the entire block setup from start to finish. As a matter of fact, you should do the whole app this way. Walk us through it step by step. 10 blocks at a time. This will help tremendously

Between each screenshot, provide a text description of what you _ **think** _ those blocks are supposed to be doing, where the info comes from, where it should go, what the app should be doing, displaying, processing, etc.

### This has been a PSA from your friendly on-call App Doctor

 ![Screen Shot 2020-03-16 at 10.47.28 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/7/c7a077cb7be64dea1c1ea09acca797f2d1b774df.png)

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [March 16, 2020, 3:04pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/13 "2020-03-16T15:04:29Z")

</div>

That will take me so much times because I have a lot of blocks. My point is if there was issue with my blocks I wouldn’t be having this issue I have been testing my app EVERYDAY for last 4-5 months

It’s since I started adding the animation component is what caused the issue

---

<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 16, 2020, 3:06pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/14 "2020-03-16T15:06:08Z")

</div>

It would take us even more time to figure it out as we are not familiar with your app, sir. But, if you want to take the time to do that, I would be more than happy to read through it all! (I like a good story, but i don’t really like picture books unless they are superhero comics 😉 )

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [March 16, 2020, 3:06pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/15 "2020-03-16T15:06:55Z")

</div>

I’ll keep that in mind haha but I’ll use the screen copy and remove firebase component and see what hits and what misses

---

<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 16, 2020, 3:11pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/16 "2020-03-16T15:11:04Z")

</div>

good idea!

firebase can be hard to work with at times. I really like using the cloud variable now. I just create a cloud variable and give it pathways/keys by using the function blocks which can return data. I stored the pathway as a function with return that does not accept arguments. (not sure what this is called)

you can see an example of this in the tutorial i posted recently a[bout clo](http://community.thunkable.com/t/jareds-cloud-to-do-app-components-cloud-variable-diy-extended-listviewer-recursive-functions-dynamic-labels-realtimedb-authentication/502646)ud based todo list

---

<div class="post-metadata">

**Author:** ![farhanlatif027i3df](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/farhanlatif027i3df/32/65615_2.png) [@farhanlatif027i3df](https://community.thunkable.com/u/farhanlatif027i3df)\
**Post date:** [March 16, 2020, 3:13pm UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/17 "2020-03-16T15:13:47Z")

</div>

I would use cloud but I’m scared I would hit limits 😕 and there is no way I can track limit

---

<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:40am UTC](https://community.thunkable.com/t/lottie-file-animation-caused-screen-to-crash/517886/18 "2024-11-08T11:40:22Z")

</div>


