HStack
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 10번째.
HStack은 뷰를 왼쪽에서 오른쪽으로 배치합니다:
HStack {
Image(systemName: "sun.max.fill")
.foregroundStyle(.yellow)
Text("Sunny")
}스택은 중첩할 수 있습니다. 일반적인 레이아웃은 각 행이 HStack인 VStack입니다.
VStack {
HStack {
Text("Coffee")
Text("$3")
}
HStack {
Text("Tea")
Text("$2")
}
}
챌린지
쉬움날씨 행을 만드세요: cloud.sun.fill 기호와 그 뒤에 오는 Partly cloudy 텍스트가 포함된 HStack입니다.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드