How to show/hide DelayedView.LoadingView based on ViewModel loading?

[RobGibbens]

I am looking for a simple example, if it's even possible, of showing/hiding a DelayedView's LoadingView based on the state of the bound viewModel. Every example that I've seen uses the DelayInMilliseconds, which is not a real world usage of a loading view. I am trying to keep it as simple as possible and not bring in the whole kitchen sink that is in the samples. This is my code so far. I've artificially added a Task.Delay. I want the LoadingView to stay visible until that delay is finished (to replicate loading data).

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
			 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
			 xmlns:tabs="http://sharpnado.com"
			 xmlns:temp="clr-namespace:Features.Temp"
			 xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
			 x:DataType="temp:BottomTabsPageViewModel"
			 x:Class="Features.Temp.TempMainPage"
			 Title="TempMainPage">
	<Grid Margin="16,0"
		  RowDefinitions="120,*,95">
		<tabs:ViewSwitcher x:Name="Switcher"
						   Grid.RowSpan="3"
						   Margin="0"
						   Animate="True"
						   SelectedIndex="{Binding SelectedViewModelIndex, Mode=TwoWay}">
			<tabs:DelayedView x:TypeArguments="temp:TempView1"
							  Animate="True"
							  BindingContext="{Binding TempViewModel1}">
							  <tabs:DelayedView.LoadingView>
								<Label VerticalOptions="Center" 
									HorizontalOptions="Center" 
									Text="Loading" />
							  </tabs:DelayedView.LoadingView>
			</tabs:DelayedView>
			<tabs:DelayedView x:TypeArguments="temp:TempView2"
							  BindingContext="{Binding TempViewModel2}"
							  Animate="True"
							  UseActivityIndicator="True" />
		</tabs:ViewSwitcher>
		<ContentView Grid.Row="2">
			<tabs:TabHostView x:Name="MainTabHostView"
				WidthRequest="250"
							  HeightRequest="60"
							  Padding="20,0"
							  HorizontalOptions="Center"
							  BackgroundColor="{StaticResource Gray900}"
							  CornerRadius="20"
							  IsSegmented="True"
							  Orientation="Horizontal"
							  SegmentedOutlineColor="{StaticResource Gray900}"
							  SelectedIndex="{Binding Source={x:Reference Switcher}, Path=SelectedIndex, Mode=TwoWay}"
							  TabType="Fixed"
							  UseMauiTapGesture="False">


				<tabs:BottomTabItem Label="View 1" />
				<tabs:BottomTabItem Label="View 2">
					
				</tabs:BottomTabItem>

			</tabs:TabHostView>
		</ContentView>
	</Grid>
</ContentPage>

public partial class BottomTabsPageViewModel : ObservableObject
{
    [ObservableProperty] public partial TempViewModel1 TempViewModel1 { get; set; }
    [ObservableProperty] public partial TempViewModel2 TempViewModel2 { get; set; }
    [ObservableProperty] public partial int SelectedViewModelIndex { get; set; }

    public BottomTabsPageViewModel(TempViewModel1 TempViewModel1, TempViewModel2 TempViewModel2)
    {
        TempViewModel1 = TempViewModel1;
        TempViewModel2 = TempViewModel2;
    }
    
    partial void OnSelectedViewModelIndexChanged(int oldValue, int newValue)
    {
        switch (newValue)
        {
            case 0:
                TempViewModel1.InitalizeAsync().GetAwaiter().GetResult();
                break;
            case 1:
                TempViewModel2.InitalizeCommand.Execute(null);
                break;
        }
    }
}

public partial class TempViewModel1 : ObservableObject
{
    public async Task InitalizeAsync()
    {
        await Task.Delay(15000);
    }
}

public partial class TempViewModel2 : ObservableObject
{
    [RelayCommand]
    private async Task InitalizeAsync()
    {
        await Task.Delay(15000);
    }
}

[roubachof]

You should use a TaskLoaderView for this. A bright new world is waiting for you