lottie-flutter icon indicating copy to clipboard operation
lottie-flutter copied to clipboard

Some lottie animations are not rendering correctly in Flutter

Open leighajarett opened this issue 1 year ago • 4 comments
trafficstars

HI there! We have seen a few customers mentioning that Lottie issues are not rendering correctly inside of FlutterFlow. When we dug in further to test this out, we realized that this happens just using the lottie package.

For example, this animation: https://lottie.host/168bb4ea-3344-43a0-904f-f058fbb23b4a/JnQjlSNG9m.json

Screenshot 2024-06-10 at 5 09 02 PM

Also one of our users mentioned "if I download the json file using Google Chrome, the animation has rendering issues, but if I do it using Microsoft Edge, then it reproduces properly" so it may be something browser specific?

leighajarett avatar Jun 10 '24 21:06 leighajarett

Hi @leighajarett It seems this is the same issue as https://github.com/xvrh/lottie-flutter/issues/342

Basically:

  • It renders badly in iOS native lib, Android native lib and Flutter lib
  • It renders correctly on Lottie web
  • This happen when you download a file from lottiefiles with a color palette selected

We don't know what happen and why lottiefiles hasn't fixed that though.

xvrh avatar Jun 11 '24 06:06 xvrh

I am also getting same issue on Flutter, when another color pallet is selected it breaks the animation, otherwise same animation works fine if color pallet is not chaned

J3Patel avatar Jun 26 '24 04:06 J3Patel

Same here, I'm using lottie: ^3.1.2, I used a file with altered colors and it went wrong, but with the original colors it worked... does not make sense

mazieri avatar Jul 31 '24 07:07 mazieri

+1

iquirino avatar Aug 30 '24 10:08 iquirino