In the SplashScreen.storyboard Editor, on the View Controller canvas, click on the Image to select itġ1. In the SplashScreen.storyboard Editor, on the View Controller canvas, drag the Image until the it is aligned to the center of the View Controllerġ0. In the SplashScreen.storyboard Editor, onto the View Controller canvas, drag-and-drop a new Image Add UIImageViewĩ. In the Widget pane, set the Background to System Background Color Note: System Background Color will be white when the user has not enabled Dark Theme in iOS System Settings, and it will be black when the user has enabled Dark ThemeĨ. In the Properties window, select Widgetġ0. In the SplashScreen.storyboard Editor, click on the View Controller to select itĩ. In the SplashScreen.storyboard Editor, onto the storyboard canvas, drag-and-drop a new View Controller Add New UIViewControllerĨ.

In the Solution Explorer, open SplashScreen.storyboardħ. In the New File window, select New Create SplashScreen.storyboardĦ. In the New File window, name the new file SplashScreenĥ. In the New File window, select iOS > StoryboardĤ.

In the right-click menu, select Add > New Fileģ.

In the Visual Studio Solution Explorer, right-click on the Xamarin.iOS project.

In our example, our storyboard will contain just a single image. Dark Appearance Enabledįirst, let's create a storyboard that we will use for our iOS splash screen. To support Dark Mode, we'll add 2 versions of our image into our Asset Catalog, one for dark mode and one for light mode.

We'll create our iOS Splash Screen using Storyboards that displays an image on a blank background. You can find the completed solution here: iOS Splash Screen Since Punday is not open-source, I put together this walkthrough and a completed sample demonstrating Punday's splash screen. I recently implemented this functionality for my app, Punday, on iOS and Android. Luckily, both iOS and Android have built-in tools we'll leverage.įor our Splash Screen, we will leverage iOS's Asset Catalogue and Android's Resources > values-night to auto-import our light/dark image assets. Let's explore how to create a Splash Screen that is dark when Dark Mode is enabled, but still light when Dark Mode is disabled!īecause splash screens appear before the app has initialized, we cannot write any code to determine whether or not the user has enabled Dark Mode. Now that iOS 13 and Android Q support Dark Mode, we'll want our app's Splash Screen to be dark too.

Dark theme android studio