NavigationStack
Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 34 dari 50.
NavigationStack memberi layar bilah navigasi dan memungkinkan layar tersebut mendorong layar lain ke atasnya. Bungkus konten layar di dalamnya dan beri konten tersebut judul:
NavigationStack {
List {
Text("Inbox")
Text("Sent")
}
.navigationTitle("Mail")
}Perhatikan letak .navigationTitle: pada konten di dalam stack, bukan pada NavigationStack itu sendiri. Stack membaca judul dari layar yang sedang ditampilkannya, jadi setiap layar dapat mengatur judulnya sendiri.
Secara default, judul berukuran besar. .navigationBarTitleDisplayMode(.inline) menampilkannya dalam ukuran kecil, di tengah bilah.
Tantangan
MudahBungkus list di dalam NavigationStack dengan identifier nav, lalu beri list judul Recipes.
Coba sendiri
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Uji dirimuPelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Pengenalan SwiftUI
Latihan sendiri: Playground SwiftUI