How to use implicit stacking

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-use-implicit-stacking]

 

How to use implicit stacking

 

동적 목록을 만들고 각 행에 2개 이상의 항목을 넣으면 어떻게 될까요? SwiftUI의 해결책은 간단하고 유연하며, 기본적으로 훌륭한 동작을 제공합니다: 항목들을 암시적으로 HStack으로 가지고 있기에, 자동적으로 수평으로 배치됩니다.

 

예를들어, 왼쪽에 작은 그림을 가지고 남은 공간에 텍스트 필드를 채우는 행(row)를 만들고자 하는 경우에, 다음과 같이 데이터를 보관하는 구조체부터 시작할 것입니다.

struct User: Identifiable {
    var id = UUID()
    var username = "Anonymous"
}

 

에제가 더 쉬워지도록 모두 기본값을 제공했습니다.

 

3명의 사용자로 된 배열을 만들고, 다음과 같이 동적인 목록에서 보여줄수 있습니다.

struct ContentView: View {
    let users = [User(), User(), User()]

    var body: some View {
        List(users) { user in
            Image("paul-hudson")
                .resizable()
                .frame(width: 40, height: 40)
            Text(user.username)
        }
    }
}