VStack
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 9번째.
body는 하나의 뷰를 반환합니다. 여러 뷰를 표시하려면 스택에 넣으세요. VStack은 뷰를 위에서 아래로 배치합니다:
VStack {
Text("Coddy Cafe")
.font(.title)
Text("Open 8:00 to 18:00")
}뷰는 중괄호 안에 한 줄에 하나씩, 화면에 나타나는 순서대로 작성합니다. 각 뷰에는 고유한 수정자를 사용할 수 있습니다.
스택도 뷰이므로 스택 자체의 스타일을 지정할 수 있습니다. 스택에 적용한 수정자는 자체 수정자를 설정하지 않은 내부 뷰에 적용됩니다:
VStack {
Text("Coffee")
Text("Tea")
}
.font(.headline)
챌린지
초급연락처 카드를 표시하세요: 두 개의 텍스트가 있는 VStack을 사용하고, 위에는 Ada Lovelace를, 아래에는 Engineer를 배치하세요. 이름에는 .title 글꼴을 적용하세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드