How to Build a Launch Screen With SwiftUI

How to Build a Launch Screen With SwiftUI

Learn how to implement a Launch Screen using SwiftUI. 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.

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

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

At first, we can change the launch screen’s background color. It is a String value of the color name from the Asset catalog. By default, iOS uses the systemBackground color.

Let’s add a new Color Set in our Assets catalog and name it launchScreenBackground:

Adding a new Color Set

Then we can add a new launchScreenBackground key to the Launch Screen dictionary in the Info.plist file. Now when we run the app, we’ll see this color background on the launch screen.

ios swift programming developer mobile-apps

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How long does it take to develop/build an app?

This article covers A-Z about the mobile and web app development process and answers your question on how long does it take to develop/build an app.

Best Swift App Development Company

Apple Swift App Development India: Mobile App Development India is an expert iOS Swift App Development company in India. We develop secure and robust mobile app solutions based on new Apple Swift language.

Best Mobile App Development Company | Android and iOS Apps

iPrism Tech is a one of the best and offshore mobile app development company in India, Saudi Arabia and USA. We are a major providers of android, iphone and ipad mobile app development services at economical prices.

iOS Mobile App Development Company in USA

AppClues Infotech is the best mobile app development company in New York that offers custom mobile app development & design services for Android and iOS.

Best iOS Mobile App Development Companies in USA & India

AppClues Infotech is the best mobile app development company in New York that offers custom mobile app development & design services for Android and iOS.