search

xvrh / lottie-flutter

Render After Effects animations natively on Flutter. This package is a pure Dart implementation of a Lottie player.
https://pub.dev/packages/lottie
MIT License
1.16k stars 197 forks source link

Animation flickering when updating to Flutter 3.22.x (iOS) #361

Open mtwichel opened 3 months ago

mtwichel commented 3 months ago

Hey there 👋 thanks for this amazing package!

We recently updated our app to Flutter 3.22.2 and noticed some strange flickering glitch on the edges of our animation.

https://github.com/xvrh/lottie-flutter/assets/22944438/d4068348-65ab-4a13-8f7a-e5792fbabe4f

However, when we downgraded back to 3.19.5, it worked as normal.

https://github.com/xvrh/lottie-flutter/assets/22944438/48f91ee4-8ddd-407a-ba0c-696baf11d65b

Any ideas how to proceed? Thanks in advance!

xvrh commented 3 months ago

Can you provide the json to reproduce? Also on which platform are you?

mtwichel commented 3 months ago

The platform is iOS, but unfortunately I'm not able to post the actual file because it's sensitive. I'll see if I can create a different file that reproduces the issue.

0aps commented 3 months ago

if it helps, I was able to track down the problem to this commit (3.21.0-9.0.pre) in the flutter repo. Meaning the following changes in the flutter engine are producing the reported behavior. Not sure if we need to adapt the package or the flutter team needs to release a hotfix.

xvrh commented 3 months ago

@0aps nice findings. Can you create an issue in the Flutter repo to ask for guidance?

0aps commented 3 months ago

@xvrh thanks for following up. I'm not sure how to ask for guidance on this one as I can't share a reproducible example, it seems to be happening exclusively with this Lottie file. (again, it was fine until flutter v3.19)

0aps commented 3 months ago

update: we got a new lottie file that fixed the flickering in Flutter 3.22. We can close this. :)

blinghartig commented 2 months ago

update: we got a new lottie file that fixed the flickering in Flutter 3.22. We can close this. :)

i have the same issue what you did with the new lottie file ? If you can share some inside it would be very helpful :)

RaikiTakeuchi commented 2 months ago

addRepaintBoundary: false works for me.

But, I do not understand how RepaintBoundary affects this.

blinghartig commented 2 months ago

addRepaintBoundary: false works for me.

But, I do not understand how RepaintBoundary affects this.

this one don't work for me

qwertylolman commented 2 months ago

update: we got a new lottie file that fixed the flickering in Flutter 3.22. We can close this. :)

so what was changed in the lottie file?

sumichell commented 1 month ago

I am experiencing the same issue. Please let me know if there is a solution.