🎁NavigationLink

💾 程式

NavigationView {                        // navigation view
    List {                              // list   
        Section {                       // list section
            // navigation link ⭐️
            NavigationLink(destination: ContentView()) {
                Label("Settings", systemImage: "gear")
            }
            
            // multiple trailing closures ⭐️
            NavigationLink { 
                ContentView() 
            } label: {
                Label("Billings", systemImage: "creditcard")
            }
            
            NavigationLink { 
                Text("No Luck Here.") 
            } label: {
                Label("Help", systemImage: "questionmark")
                    .tint(.orange)      // .tint() DOESN'T work❗️
            }
            
            NavigationLink {
                Text("You're not going anywhere.")
            } label: {
                HStack {
                    Image(systemName: "gear")   // not affected by accent color
                    Text("Big Settings")
                        .font(.subheadline.weight(.bold))
                }
            }
        }.tint(.red)  // tint (accent) color
        
        Section {
            // ⭐️ hyperlink
            Link(destination: URL(string: "https://apple.com")!) {
                HStack {
                    Label("Apple", systemImage: "house")
                    Spacer()
                    Image(systemName: "link").tint(.secondary)
                }
            }
        }.tint(.primary)

    }
    .listStyle(.insetGrouped)           // list style
    .navigationTitle("Account")         // navigation title
}

⭐️ 重點

NavigationLinks don’t work if they aren’t inside a NavigationView.

📘 手冊

• SwiftUI

  • View Layout and Presentation

    • NavigationLink

  • Views and Controls

    • Link - hyperlink

    • View

      • .tint(_:)

      • .accentColor(_:) - deprecated

👥 相關

• NavigationView

📗 參考

• Design+Code - Navigation Link and URL

• Hacking with Swift - What’s new in Swift 5.3? (multiple trailing closures)

• Sarunw - tintColor in SwiftUI