NavigationStack
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 34번째.
NavigationStack은 화면에 내비게이션 바를 제공하고 다른 화면을 그 위에 푸시할 수 있게 합니다. 화면의 콘텐츠를 그 안에 넣고 콘텐츠에 제목을 지정하세요:
NavigationStack {
List {
Text("Inbox")
Text("Sent")
}
.navigationTitle("Mail")
}.navigationTitle이 어디에 위치하는지 주목하세요. NavigationStack 자체가 아니라 스택 내부의 콘텐츠에 위치합니다. 스택은 표시 중인 화면에서 제목을 읽으므로 각 화면이 자체 제목을 설정할 수 있습니다.
기본적으로 제목은 크게 표시됩니다. .navigationBarTitleDisplayMode(.inline)은 제목을 작게 바의 가운데에 표시합니다.
챌린지
쉬움식별자 nav를 사용하여 목록을 NavigationStack으로 감싸고, 목록에 Recipes라는 제목을 지정하세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드