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.
0 kommentar(er)
