Skip to content

Gradient not rendering properly (but works in LottieFiles, etc) #2596

@freak4pc

Description

@freak4pc

Unfortunately would be problematic to share the JSON here, but I'm happy to send it via DM/E-mail if that's helpful.

A Lottie animation in Lottie Files (and web), the gradient portion looks valid:

Image

On iOS, it renders like this:

Image

I'm on Lottie 4.5.2 (Latest)

I'm seeing two warnings but unsure if directly related to the gradient (text doesn't seem to be related):

Encountered Core Animation compatibility issue while setting up animation:
[Shape Layer 18.Trim Paths 1] The Core Animation rendering engine doesn't currently support applying trims to filled shapes (only stroked shapes).
This animation may have additional compatibility issues, but animation setup was cancelled early to avoid wasted work.

Automatically falling back to Main Thread rendering engine. This fallback comes with some additional performance
overhead, which can be reduced by manually specifying that this animation should always use the Main Thread engine.

Encountered Core Animation compatibility issue while setting up animation:
[Star.Star.Star] Rounded corners support is not currently implemented for combined shape items
This animation may have additional compatibility issues, but animation setup was cancelled early to avoid wasted work.

Automatically falling back to Main Thread rendering engine. This fallback comes with some additional performance
overhead, which can be reduced by manually specifying that this animation should always use the Main Thread engine.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions