Implicit stacking in SwiftUI

Uplift iOS Interview

The Guide is for YOU if

• You are preparing for an iOS interview and want to improve your skills and knowledge and looking to level up your interview game and land your dream job.
• You want to gain confidence and ease during iOS interviews by learning expert tips and curated strategies.
• You want access to a comprehensive list of iOS interview QA to practice and prepare.

I want this

SwiftUI is a declarative framework for building user interfaces on Apple platforms. One of the core concepts in SwiftUI is the idea of “stacking” views on top of each other to build complex layouts. In this article, we’ll explore the concept of “implicit stacking” in SwiftUI and how it can be used to create dynamic, responsive layouts. One of the benefits of implicit stacking is that it allows us to build layouts in a declarative way, by specifying the order in which views should be added to the hierarchy.

If you want to display multiple items in each row of a dynamic list in SwiftUI, the framework provides an intuitive solution that gives you great default behavior. SwiftUI will automatically create an implicit HStack to hold the items, which allows them to be laid out horizontally.

For instance, you can create a row that contains a small image on the left and text taking up the remaining space, and then display an array of fruits in a dynamic list.

Here’s an example of how this would look in code:

struct Nature: Identifiable {
    let id = UUID()
    let name: String
    let image: String
}

struct ContentView: View {
    let items = [
        Nature(name: "Leaf", image: "leaf"),
        Nature(name: "Atom", image: "atom")
    ]

    var body: some View {
        List(items) { nature in
            Image(systemName: nature.image)
            Text(nature.name)
        }
    }
}

You may have noticed that we did not need to explicitly place the image and text views into a Stack in order for them to be displayed. SwiftUI automatically handles this for us.

Written by

ISHTIAK AHMED

Twitter LinkedIn

Get Ready to Shine: Mastering the iOS Interview

• Uplift iOS Interview - A Comprehensive Guide to iOS Interview
• iOS Dev Kit - Cheat Sheets, Posters and Infographics

Enjoying the articles? Get the inside scoop by subscribing to my newsletter.

Get access to exclusive iOS development tips, tricks, and insights when you subscribe to my newsletter. You'll also receive links to new articles, app development ideas, and an interview preparation mini book. Your email address will only be used for the purpose of sending the newsletter and will not be shared with third parties or advertisers. Rest assured that we value your privacy and will not spam your inbox.