MAUI C# implement activity indicator before navigating to next page

See more:

C#

MAUI

Hi, I am trying to put activity indicator before navigating to next page, code is running fine but can not see activity indicator after clicking the button. trying to resolve this issue since last week but have not yet figured it out.

What I have tried:

        <VerticalStackLayout
            Spacing="25"
            Padding="30,0"
            VerticalOptions="Center">

                <ActivityIndicator x:Name="acti" IsRunning="True"/>
</VerticalStackLayout>

private void OnInfinixClicked(object sender,EventArgs e)
{
    Brands MyBrands = new Brands { name = "infinix" };
    acti.IsVisible = true;
    await Task.Delay(500);
    try
    {
        await Navigation.PushAsync(new details { BindingContext = MyBrands },true);
    }
    finally
    {
        acti.IsVisible = false;
    }
    }