How to show ActivityIndicator that covers whole screen including Navigation bar - Xamarin Forms

KirubaShankar · July 2018

My code for ActivityIndicator is below:

    <ActivityIndicator x:Name="actWebRequest"
                    Color="White"
                    IsVisible="{Binding IsLoading}"
                    IsRunning="{Binding IsLoading}"
                    AbsoluteLayout.LayoutBounds="0, 0, 1, 1"
                    AbsoluteLayout.LayoutFlags= "All" 
                    BackgroundColor="#70383838"/>

I know, I can put it inside absolute layout or any other layour.

MY NEED:
I would like to show it for the whole screen which should also overlay above Navigation bar's back button, title and slide menu icon on my top right side in Navigation bar.
I MEAN FOR THE WHOLE SCREEN.

How can I achieve this using Xaml in Xamarin Forms.

Thank you a lot in advance for the help.

ClintStLaurent · July 2018

Install rg.plugins.popups nuget
Make a new popup with a full-screen ActivityIndicator
Display the popup

KirubaShankar · July 2018

Hi ClintStLaurent, Thank you for your awesome idea. I will implement it and let you know. Thanks again.

Isha_Dawar · July 2018

@KirubaShankar you can also use a boxView with a minimum opacity and ActivityIndicator that could overlap the whole screen.

KirubaShankar · July 2018

@Isha_Dawar Thats cool idea. I will try implementing these cases by next week in my office as it is medium priority. Thanks a lot. Appreciate you.

Hikari91 · March 29

@KirubaShankar have you solved?

I have the same problem, my ActivityIndicator not cover the full page, so in a MasterDetailPage the header is "tappable".
I can't install 3rd party plugins

Regards.

Liêm_Nguyễn · April 1

https://github.com/aritchie/userdialogs

Xamarin

Quick Links

How to show ActivityIndicator that covers whole screen including Navigation bar - Xamarin Forms

Posts