Part 3 — Hello, Images!

Open in DetailsPro

So far you’ve seen Text elements, SF Symbols, and the Stacks family, and you might be wondering when we’re going to start working with images, photos, graphics, dare we say… art. Well, wonder no more because it’s time to meet the Image element.

SwiftUI makes images really easy to work with, and DetailsPro supports .jpeg, .png, .heif, and .webp. Images can be fit or filled in their sizing, given rounded corners, and so on. This sample simply takes Part 2’s horizontal stack and adds in an image so you can see this mix of elements sitting together!

One day you’ll be creating true art with SwiftUI, setting images and typography into aesthetically beautiful layouts. Today, let’s start by playing with one single image element.