Member-only story

How to Build a Launch Screen With SwiftUI

Make a great first impression with a professional launch screen in your app

Kristaps Grinbergs
Better Programming
4 min readNov 3, 2020

--

Phone on table
Photo by Martin Sanchez on Unsplash.

The launch screen is the first interaction that users see when using our apps. That’s why investing time in making our app launch screens feel responsive and visually appealing is important. We are playing with the “perceived time,” and it can make a great first impression.

At WWDC 2020, Apple introduced a new way to implement a launch screen for SwiftUI apps in iOS 14 using Xcode 12. When we create a new SwiftUI app, this is the new way to make launch screens. We can still use the old way with the Storyboard launch screen in our existing apps.

Launch Screen in Info.plist

All the setup is done in the Info.plist file. We can see that there is an empty Launch Screen key with the Dictionary type. When we press the plus button, there are a couple of options:

Launch screen options

Now let’s go over all of these options and learn how we can use them to set up our launch screens.

Background Color

--

--

Kristaps Grinbergs
Kristaps Grinbergs

Written by Kristaps Grinbergs

Blockchain, mobile and fullstack developer. Startup founder. Conference speaker. Mentor. Passionate about building products, sustainability and Web 3.0.

Responses (5)

What are your thoughts?