MUAI Blazor App: A Blank "Screen" between splash page and login page.

Question

Hi -

We are using MAUI+ Blazor to develop our mobile App.

One thing we notice is that as the app is starting, the splash screen shows, then it hides, then a very fast white flash shows right before the login page (or index page), because we are using dark background color on both splash screen and login page, this white flash becomes extremely visible and seriously affects the user experience, and also it is observable on both Android and IOS.

We have tried all possibilities, including changing the background color of the splash screen, the background color of the start page, none of them can solve the problem, we can even be sure that the white flash itself does not have any “physical” page...

As we don't see a way to change that in the project properties. Can you please give us any suggestions on how to remove the white flash as the app starts?

Answer 1

I set background color like this, in App.xaml

        <Style TargetType="BlazorWebView">  
            <Setter Property="Background" Value={the color I want} />  
        </Style>  

now it works perfectly.

Answer 2

I assume the white flash is the webview before content is loaded. set its DefaultBackgroundColor in the MAUI code.

Answer 3

BlazorWebView Background works well for Android. But it doesn't work for iPhones. On iPhone, it still has the splash white screen.