How to implement a customized splash screen in .iOS(.Net MAUI)?

Harshad Patel 0 Reputation points
2023-01-19T09:40:01.24+00:00

Hi .Net MAUI team,

I want to create customized splash screen images instead of a simple logo icon.

Similar to Xamarin Form, we can able to customise the splash screen using "LaunchScreen.storyboard". but .Net MAUI we don't have an option.

I tried to create a storyboard and apply it to the info.plist similar to xamarin forms but getting this error

/Users/Projects/MAUI/MAUIDemoApp/Platforms/iOS/LaunchScreen.storyboard: Error: The file 'Platforms/iOS/LaunchScreen.storyboard' conflicts with 'Platforms/iOS/LaunchScreen.storyboard'.
         (MAUIDemoApp)

Thanks a lot!

.NET MAUI
.NET MAUI
A Microsoft open-source framework for building native device applications spanning mobile, tablet, and desktop.
2,900 questions
{count} votes

1 answer

Sort by: Most helpful
  1. Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,446 Reputation points Microsoft Vendor
    2023-01-20T07:09:51.3233333+00:00

    Hello,

    As described in Add a splash screen to a .NET MAUI app project - .NET MAUI | Microsoft Learn : On iOS, the splash screen is added to the app package as a storyboard named MauiSplash.storyboard, which is set as value of the UILaunchStoryboardName key in the app package's Info.plist:

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
    <plist version="1.0">
    <dict>
      ...
      <key>UILaunchStoryboardName</key>
      <string>MauiSplash</string>
      ...
    </dict>
    </plist>
    

    Therefore, you shouldn't set the UILaunchStoryboardName key in your Info.plist file and you shouldn't add a LaunchScreen.storyboard to your app.

    I want to create customized splash screen images instead of a simple logo icon.
    You cannot customize splash screen currently by setting the storyboard. You can design an image including the splash screen images you want to customize, then drag the image into the Resources\Splash folder of your project.

    In addition, you can create a feature request at [https://github.com/dotnet/maui for customizing splash screen by Storyboard file.

    Best Regards,

    Wenyan Zhang


    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 documentationto enable e-mail notifications if you want to receive the related email notification for this thread.

    0 comments No comments