Xamarin.Forms: how to display a Lottie animation at least one time when IsBusy is true during data loading?

Question

On my Xamarin.Forms project, I would like to display a Lottie animation during API calls or during the loading of a we

Answer 1

I've found another approach that works, even if this solution is a bit heavy and can be improved.

Firstly, as recommended there, I've created 2 Triggers:

public class PlayLottieAnimationTriggerAction : TriggerAction
{
    protected override void Invoke(AnimationView sender)
    {
        Debug.WriteLine($"PlayLottieAnimationTriggerAction()");
        sender.PlayAnimation();
    }
}

public class StopLottieAnimationTriggerAction : TriggerAction
{
    protected override void Invoke(AnimationView sender)
    {
        Debug.WriteLine($"StopLottieAnimationTriggerAction()");
        sender.StopAnimation();
    }
}

I also used EventToCommandBehaviors, like described there.

After this I can use the Lottie animation like this:

And in my ViewModel, I've declared a property ShowAnimation that is related to IsBusy and the Command OnFinishedAnimationCommand like this:

private bool _showAnimation;
public bool ShowAnimation
{
    get => _showAnimation;
    set => Set(ref _showAnimation, value);
}

public ICommand OnFinishedAnimationCommand
{
    get
    {
        return new Xamarin.Forms.Command