Colors not visible about lottie-flutter

[xvrh]

Hi,
Thanks for the report.
The problem seems to exist also with the Lottie-android library (from which this library is a direct port).

This warning is reported after loading the composition:
Lottie doesn't support layer effects. If you are using them for fills, strokes, trim paths etc. then try adding them directly as contents in your shape. Found: [Color 1 , Color 2, Slider Control]

Maybe you could re-export the animation without using layer effects?

Alternatively, you can try to workaround this limitation and apply the color yourself with a ValueDelegate:

  Lottie.asset(
    'assets/bike.json',
    delegates: LottieDelegates(
      values: [
        for (var i in ['4', '2'])
          ValueDelegate.colorFilter(['Warstwa $i', '**'],
              value:
              ColorFilter.mode(Color(0xff179977), BlendMode.srcIn)),
      ],
    ),
  )

[northonBarbosa]

Hi @enricobenedos
I tried a few things and got the same issue.
Seems that the problem it's with the JSON from Lordicon, so I taked some from Icons8, edit one on the Lottie Editor, changed the color of the Layer and worked just fine.
Try it later.

Icons8: https://icons8.com/animated-icons
Lottie Editor: https://lottiefiles.com/editor

[enricobenedos]

Thank you @xvrh for the fast response. I will try our advice as soon as possible because now I'm a little busy with my app bug fix

[enricobenedos]

Hey @northonBarbosa thank you for your explanation. I tried to import the issue file on Lottie Editor but seems that there are some issue with colours, even if I try to change them nothing works.

I still have to try with the @xvrh suggested code

[northonBarbosa]

@enricobenedos I got the same issue when I tried to edit the color of the JSON from Lordicon.
I also tried what @xvrh suggested but the color dind't changed.
JSON from Lordicon only show one color layer, try find a similar icon on Icons8 and change the color layer on editor.

[northonBarbosa]

Hey @enricobenedos I edited the colors from the bike icon on Lottie Editor and did worked!
Even with the errors the color change on the JSON file, but the real quest is to know what color layer to change, because with the errors you can't see the colors changing in the Editor.
To get this result I changed the Warstwa 3 (first block), Warstwa 4 and Warstwa 2.
Check it out the result:

[enricobenedos]

Hey @northonBarbosa thank for your advices. Event if Lottie editor is bugged the JSON is correctly exported, I hope that Lottie team will fix it because the problem is that you need to change colors blindly.
Also thank to @xvrh your solution works perfectly! Also in this case we need to blindly find the correct colors properties.

@xvrh it is a good idea to keep this issue open as long as this problem will be solved on Android?