Custom splash screen

Eduardo Gomez Romero 845 Reputation points
2024-10-06T01:06:18.14+00:00

I have an Image

WhatsApp Image 2024-10-05 at 18.32.17_3ec3b575

And I want this image, to be the splash screen of my app.

my image is 405 x 405

Right now I have this

User's image

And I have an android 12 and I do not see Anything, also the image gets cut of

I see it too small for a Splash in the emulator

https://reccloud.com/u/6qy1a9c

Net 8

Platform affected Android

I want my splash, to fill the entire screen

User's image

<ItemGroup>
	<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="White" Resize="true" BaseSize="256,256"   />
</ItemGroup>
.NET MAUI
.NET MAUI
A Microsoft open-source framework for building native device applications spanning mobile, tablet, and desktop.
3,595 questions
0 comments No comments
{count} votes

Accepted answer
  1. Leon Lu (Shanghai Wicresoft Co,.Ltd.) 76,551 Reputation points Microsoft Vendor
    2024-10-07T07:05:47.0366667+00:00

    Hello,

    I have an android 12 and I do not see Anything

    Yes, I can reproduce this issue, this issue will occur in the debug mode, if you stop the debug mode, kill the application(remove it from your recent application task) and reopen it, you will see the splashscreen.

    I want my splash, to fill the entire screen

    You cannot make the splashscreen image to fill the entire screen Since android 12.0, google used the splash screen api to display the splash screen. And accoring to the official document about the elements and mechanics of the splash screen, you will see the the icon is circular. But you can set the background color of the splash screen to match the background color of your image like following code.

      <MauiSplashScreen Include="Resources\Splash\splash1.jpg" Color="#01183c"  Resize="false"/>
    

    Best Regards,

    Leon Lu


    If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.


0 additional answers

Sort by: Most helpful

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.