# Animation issues when implemented iOS

**URL:** <https://forum.lottiefiles.com/t/animation-issues-when-implemented-ios/4656>\
**Category:** Lottie in Mobile\
**Created:** [August 8, 2023, 10:55am UTC](https://forum.lottiefiles.com/t/animation-issues-when-implemented-ios/4656 "2023-08-08T10:55:06Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Torsten](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/torsten/32/2905_2.png) [@Torsten](https://forum.lottiefiles.com/u/Torsten)\
**Post date:** [August 8, 2023, 10:55am UTC](https://forum.lottiefiles.com/t/animation-issues-when-implemented-ios/4656/1 "2023-08-08T10:55:06Z")

</div>

I have made an animation in after effects and rendered it out using the Lottie After Effects Plugin. The animation has now been implemented in and iOS app. The problem is that the animation doesn’t look the same when implemented as it does when previewing the JSON file. Specifically there are two issues:

- The arm in the animation is glitching and blinks at one point in the animation.

- The path that makes up the arm has a different timing when implemented in iOS, causing it to cut in to the hand and creating an edge. (The arm is animated using “trim path” in AfterEffect)

These issues don’t show when I look at the animation in AfterEffects or in the Lottiefiles preview on desktop or mobile. They only show when the animation is implemented in the app. Does anyone recognize these issues or know what could cause them?

[Animation WIHTOUT issues](https://drive.google.com/file/d/1RHfVSOEjzYUVz2aDu17pz5VuIbMQbKD0/view?usp=drive_link)

[Animation WITH issues in app](https://drive.google.com/file/d/1c71NBjXgwlGgK6mlm5AbdWUWhHfIsmIE/view?usp=sharing)

Thankful for any help or input!

Cheers,  
Torsten

---

<div class="post-metadata">

**Author:** ![irbypace](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/irbypace/32/3165_2.png) [@irbypace](https://forum.lottiefiles.com/u/irbypace)\
**Post date:** [August 8, 2023, 4:55pm UTC](https://forum.lottiefiles.com/t/animation-issues-when-implemented-ios/4656/2 "2023-08-08T16:55:29Z")

</div>

Hi there @Torsten have you had a chance to check your animation against the supported features list for IOS?

> **[Lottie Supported Features](https://lottiefiles.com/supported-features)**
>
> Lottie does not support all features of Adobe After Effects; please refer to the list below for details.

---

<div class="post-metadata">

**Author:** ![Torsten](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/torsten/32/2905_2.png) [@Torsten](https://forum.lottiefiles.com/u/Torsten)\
**Post date:** [August 9, 2023, 7:32am UTC](https://forum.lottiefiles.com/t/animation-issues-when-implemented-ios/4656/3 "2023-08-09T07:32:17Z")

</div>

Hello!  
Yes, there are no errors or unsupported features in the animation.  
I have made a thorough check both in features list and the after effects plugin before rendering the animation.

---

<div class="post-metadata">

**Author:** ![Design9](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/design9/32/2963_2.png) [@Design9](https://forum.lottiefiles.com/u/Design9)\
**Post date:** [August 9, 2023, 9:21am UTC](https://forum.lottiefiles.com/t/animation-issues-when-implemented-ios/4656/4 "2023-08-09T09:21:52Z")

</div>

Hi @Torsten, can you turn off each layer one by one to see which layer is causing the problems? I don’t trust the list of supported features, just test the animation layer by layer, try to understand the root cause first, then find a workaround for it.

---

<div class="post-metadata">

**Author:** ![briankarungany](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/briankarungany/32/3657_2.png) [@briankarungany](https://forum.lottiefiles.com/u/briankarungany)\
**Post date:** [August 10, 2023, 9:09am UTC](https://forum.lottiefiles.com/t/animation-issues-when-implemented-ios/4656/5 "2023-08-10T09:09:57Z")

</div>

Hey @Torsten have you tried precomposing the original arm, removing the keyframes and using a matte instead of animating the trim path directly on the arm itself? That’s what I do with all my trim path animations and I haven’t had any glitching issues on iOS.

---

<div class="post-metadata">

**Author:** ![bart](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/bart/32/2832_2.png) [@bart](https://forum.lottiefiles.com/u/bart)\
**Post date:** [August 14, 2023, 3:48pm UTC](https://forum.lottiefiles.com/t/animation-issues-when-implemented-ios/4656/7 "2023-08-14T15:48:09Z")

</div>

I find there can be issues with interpolation between keyframes on paths. When I have those issues, I just break down the animation to individual frames and it removes the need for interpolation.

---

<div class="post-metadata">

**Author:** ![Torsten](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/torsten/32/2905_2.png) [@Torsten](https://forum.lottiefiles.com/u/Torsten)\
**Post date:** [August 25, 2023, 9:24am UTC](https://forum.lottiefiles.com/t/animation-issues-when-implemented-ios/4656/8 "2023-08-25T09:24:50Z")

</div>

Thank you for all the responses! ❤  
It seems that the trim path effect was the cause of the flicker glitch.

As suggested by @bart , I solved the issue by simply converting the interpolation between the keyframes in the trim path effect into individual keyframes. The file size increased a bit, but at least it works now!

 ![Skärmavbild 2023-08-25 kl. 11.10.30](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/2X/a/a349de13db9e035d0b99f8e14c005dc948d7506f.png)

1. Toggle on the expression for the trim path effect. Don’t change or enter any expression, just leave as it is. Select the keyframes for the trim path animation.

 ![Skärmavbild 2023-08-25 kl. 11.11.02](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/2X/c/c990cc6de223090c2d8e1dcbe033772018e3c0e7.png)  
2. Go to Animation \> Keyframe Assistant \> Convert Expression to Keyframes.

1. Voila! This generates keyframes for the whole timeline, so delete the keyframes that are not needed and toggle of the expression.

This also solved the issue with the difference in timing of the trim path effect in after effects/preview vs how it looks when implemented in iOS. (The animation was implemented on Android and looked just the same as in after effects / lottiefiles preview - so this issue only shows on iOS…)

---

<div class="post-metadata">

**Author:** ![bart](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/bart/32/2832_2.png) [@bart](https://forum.lottiefiles.com/u/bart)\
**Post date:** [August 25, 2023, 4:50pm UTC](https://forum.lottiefiles.com/t/animation-issues-when-implemented-ios/4656/9 "2023-08-25T16:50:31Z")

</div>

Awesome! Glad it worked out for you…  
I find it really fascinating how traditional 2D animation techniques can work in this great platform.

![](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/2X/1/18972fd9eaf6ea94bd623af60acf6bf4e65aee92.png)

Bart Stevens​

> 

Sr Motion Graphic Designer

> 

![](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/2X/c/c668140e59c11e7e8e2d25cad4e247e4b57d07a4.png)

+1 916 367 5225

![](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/2X/2/28af01868897dc3baa5575753ce33b3665b0ddce.png)

Digital Advertising Management for High‑Growth Companies

 ![](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/2X/b/bad11ea832cd0bb72ded6c28cc71bbe53383b935.png)
