NavigationLink
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 35번째.
NavigationLink는 탭했을 때 새로운 화면을 푸시하는 행 또는 버튼입니다. 제목과 대상 뷰가 필요합니다:
NavigationStack {
List {
NavigationLink("Pancakes") {
Text("Mix flour, eggs and milk")
.navigationTitle("Pancakes")
}
}
.navigationTitle("Recipes")
}행을 탭하면 대상 화면이 슬라이드되어 나타나며, 자체 제목을 설정합니다. 그러면 막대에 이전 화면의 이름인 Recipes가 표시된 뒤로 가기 버튼이 나타나 목록으로 돌아갑니다. List 내부에서 링크 행은 오른쪽에 셰브론을 표시합니다.
대상은 직접 만든 뷰 구조체를 포함하여 어떤 뷰든 될 수 있습니다.
챌린지
쉬움Pancakes 행을 NavigationLink로 바꾸세요. 해당 링크의 대상은 식별자 steps가 지정된 텍스트 Mix flour, eggs and milk이며, 대상의 제목은 Pancakes입니다.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드