Only Partial Animation is Showing

[adamfisher]

I attempted to load the example Pink Drink Machine from the Lottie Files website. The animation works! It looks super cool. The only problem is it only renders part of the image. If you compare the bolts and the plunger in the canister, they do not even show up. It's like pieces of the animation are missing.

This is my Xamarin Forms code:

public partial class AnimationDemoAppPage : ContentPage
    {
        public AnimationDemoAppPage()
        {
            InitializeComponent();

            var animationView = new AnimationView()
            {
                Animation = "pink_drink_machine.json",
                Loop = true,
                AutoPlay = true,
                VerticalOptions = LayoutOptions.FillAndExpand,
                HorizontalOptions = LayoutOptions.FillAndExpand,
                BackgroundColor = Color.Yellow
            };

            Content = animationView;
        }
    }

And this is the resulting image on the iOS simulator. I also tried it on a real device. I also tried a different lottie file altogether and get the same result. I only added the yellow background to see if it made a difference in the bolts showing up. Any ideas on why the animation is only partially showing up?

[adamfisher]

Anyone have any idea why only part of the animation would render? I am able to use the Lottie Previewer app and when I scan it loads correctly and in its entirety.

[martijn00]

Try the latest version.