🎁NavigationView
// example 1
NavigationView {
// ⭐️ `List` of `NavigationLink`s
List(model.notes) { note in
NavigationLink(note.title, destination: NoteEditor(id: note.id))
}
// ⭐️ 這部分竟然會「自動出現」而且「只出現」在 "details pane"❗️
Text("Select a Note")
}
// example 2
struct AccountView: View {
var body: some View {
NavigationView { // navigation view
List { // list
Section { // list section
Text("Settings")
Text("Billings")
Text("Help")
}.listRowSeparatorTint(.gray) // color of the separator
Section { // list section
Text("Feedback")
Text("Support")
}.listRowSeparator(.hidden) // hide separators
}
.listStyle(.insetGrouped) // list style
.navigationTitle("Account") // navigation title
}
}
}Last updated