5-Day Swift Coding Challenge: Day 3

Nov 19 2025 · Swift 6.0, iOS 18, Swift Playground 4.6

Lesson 01: Day 3: Making a User Interface

Demo: Adding Images

Episode complete

Play next episode

Next
Transcript

When making apps, you’ll use images everywhere. Later, as you progress in skills, you’ll even be able to write drawing code in order to create custom images on demand.

With typical iOS apps, you employ what is known as an assets catalog for adding images. This allows you to store all different types of images for different resolutions. Thankfully, for Swift Playgrounds, we can just drag our images into the project.

Open your project in progress from when you last worked on it. Now, in the resources folder, you find the book-cover image. Drag it to the side pane in Swift Playground. You’ll see your book cover. Now to add it to the layout.

In your VStack, just above the first Text, add a new view called images.

Image("book-cover")

And just like that, we now how our image showing up in the simulator. Unfortunately, it’s just too big.

This is where modifiers come into play. Modifiers allow you to modify your various views. You’ll play around with modifiers soon enough to make your layout look good.

See forum comments
Cinema mode Download course materials from Github
Previous: Demo: Making your First SwiftUI App Next: Conclusion