第 11 章
運用導覽 UI 與導覽列客製化

在大多數的 App 中（尤其是以內容為基礎的 App），你應該體驗過導覽介面。這類型的 UI 通常有一個包含資料清單的導覽列，並且它讓使用者點擊內容時導覽至細節視圖。

在 UIKit 中，我們可以使用 UINavigationController 來實作這類型的介面。在 SwiftUI 中，Apple 稱其為「NavigationView」。由 iOS 16 開始，這個 「NavigationView」 以 「NavigationStack」取替。在本章中，我詳細解說導覽 UI 的實作，並教你如何進行一些自定義。和往常一樣，我們將進行幾個範例專案，以讓你獲得一些使用 NavigationStack 的實務經驗。

準備起始專案

讓我們開始並實作一個我們之前使用導覽 UI 建立的範例專案。那麼，首先至下列網址下載起始專案：https://www.appcoda.com/resources/swiftui7/SwiftUINavigationListStarter.zip 。下載後開啟專案，並看一下預覽，你應該對於這個範例 App 非常熟悉，它只顯示一個餐廳列表，如圖 11.2 所示。

想更深入學習SwiftUI和下載完整程式碼？你可以從 AppCoda網站購買《精通 SwiftUI》完整電子版。