Xamarin Community Toolkit AsyncCommand not working - xamarin.forms

Question

I am creating a Xamarin Forms mobile app using VS 2019 latest version. Xamarin Forms and Essentials packages are also updated to latest.
I have following viewmodel, but the LoadHouses() method is not called via
24. LoadHousesCommand = new AsyncCommand(LoadHouses);
Any idea why? I also get "The breakpoint will not currently be hit" warning. Thanks
Edit:
My xaml page as follows,
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="HomeInventory.Views.HousesPage"
xmlns:viewmodels="clr-namespace:HomeInventory.ViewModels"
xmlns:models="clr-namespace:Shared.Models;assembly=Shared"
xmlns:xct="http://xamarin.com/schemas/2020/toolkit"
x:DataType="viewmodels:HouseViewModel"
>
<ContentPage.BindingContext>
<viewmodels:HouseViewModel />
</ContentPage.BindingContext>
<ContentPage.Content>
<ListView ItemsSource="{Binding Houses}">
<ListView.ItemTemplate>
<DataTemplate x:DataType="models:House">
<TextCell Text="{Binding Name}"></TextCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</ContentPage.Content>
</ContentPage>
When I add houses manually as follows in the constructor it works fine,
public HouseViewModel()
{
Houses = new ObservableRangeCollection<House>();
LoadHousesCommand = new AsyncCommand(LoadHouses);
House h1 = new House();
h1.Name = "House 01";
Houses.Add(h1);
House h2 = new House();
h2.Name = "House 02";
Houses.Add(h2);
}

Answer 1

You can bind the Command with a button or something can execute to call the method,
like:
<StackLayout>
<Button Text="Load"
Command="{Binding LoadHouseCommand}"/>
<CollectionView x:Name="col">
<CollectionView.ItemTemplate>
<DataTemplate>
<Label Text="{Binding Name}"/>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</StackLayout>
Here is the ViewModel:
public class HouseViewModel
{public ObservableRangeCollection<House> Houses { set; get; }
public IAsyncCommand LoadHouseCommand { set; get; }
public HouseViewModel()
{
Houses = new ObservableRangeCollection<House>();
LoadHouseCommand = new AsyncCommand(async()=> {
House H1 = new House();
H1.Name = "House 1";
Houses.Add(H1);
House H2 = new House();
H2.Name = "House 2";
Houses.Add(H2);
Console.WriteLine("done");
});
}
result:

Answer 2

If you don't want to bind your command to button or anything. You can simply execute your command from your xaml.cs file like below.
From OnAppearing before your page load. It is the best way for web api.
protected override void OnAppearing()
{
base.OnAppearing();
var vm = BindingContext as HouseViewModel;
vm.LoadHousesCommand.Execute(null);
}
Or, You can simply run it inside your xaml.cs constructor
Task.Run(() =>
{
var vm = BindingContext as HouseViewModel;
vm.LoadHousesCommand.Execute(null);
});