How to implement loading page when navigating?

[dzebas]

Hi,

Currently in our app just before pushing new page we display loading page with an activity indicator using Mopups. Once page is fully loaded then we hide loading page. It works well as it allows to disable back button on Android etc., but lately started having issues in both Android/iOS.

I want to come up with another solution, hopefully without third party packages. I tried using CommunityToolkit Popup, but the way it has been implemented doesn't work while navigating - Maui popup is added to modal stack, so page pushed after is added to modal stack as well, so no good.

Has anyone found a way to achieve this?

[MichaelShapiro]

I override the OnBackButtonPressed() event in the ContentPage. Whenever I have a "long running" operation and the activity indicator is shown I will catch back button press (on Android) and ignore it. Not sure how applicable it might be in your case though,

[dzebas]

@MichaelShapiro , thank you, I'm already disabling OnBackButtonPressed, but I need to disable all other UI elements and also main TabBar. Other than adding overlay window on top of everything I don't know any other way.

[asi-evin]

Would the LazyView from the community toolkit be helpful?

https://learn.microsoft.com/en-us/dotnet/communitytoolkit/maui/views/lazyview