---
description: 🚧 施工中
---

# NavigationStack

[SwiftUI](../..) ⟩ [navigation]() ⟩ NavigationStack

{% hint style="success" %}
<mark style="color:purple;">NavigationStack</mark> <mark style="color:yellow;">displays a</mark> <mark style="color:yellow;">root view</mark> and enables you to <mark style="color:yellow;">present additional views</mark> over the root view.
{% endhint %}

* <mark style="color:purple;">NavigationStack</mark> provides a [navigation bar](bar) that can show the <mark style="color:yellow;">title of the current view</mark> as well as display various <mark style="color:orange;">toolbar items</mark>.

```swift
// ⭐️ NavigationStack
NavigationStack { 
    // scrollable list
    List { <navigation links> }
}
```

{% tabs %}
{% tab title="👥 相關" %}
* [link](link "mention")
{% endtab %}

{% tab title="📘 手冊" %}
* [ ] [SwiftUI](https://developer.apple.com/documentation/swiftui) ⟩ [Navigation](https://developer.apple.com/documentation/swiftui/navigation) ⟩ [NavigationStack](https://developer.apple.com/documentation/swiftui/navigationstack/)
* [ ] Guidlines ⟩ [Navigation bars](https://developer.apple.com/design/human-interface-guidelines/navigation-bars/)
* [ ] [SwiftUI](https://developer.apple.com/documentation/swiftui) ⟩ [Navigation](https://developer.apple.com/documentation/swiftui/navigation) ⟩ [.navigationTitle(\_:)](https://developer.apple.com/documentation/swiftui/view/navigationtitle\(_:\)-43srq)
{% endtab %}

{% tab title="📗 參考" %}
* [ ] AppCoda ⟩ [SwiftUI Navigation 框架的新功能](https://www.appcoda.com.tw/swiftui-navigation/)
{% endtab %}
{% endtabs %}
