---
title: "navigationDestination(item:destination:)"
framework: swiftui
role: symbol
role_heading: Instance Method
path: "swiftui/view/navigationdestination(item:destination:)"
---

# navigationDestination(item:destination:)

Associates a destination view with a bound value for use within a navigation stack or navigation split view

## Declaration

```swift
nonisolated func navigationDestination<D, C>(item: Binding<Optional<D>>, @ContentBuilder destination: @escaping (D) -> C) -> some View where D : Hashable, C : View

```

## Parameters

- `item`: A binding to the data presented, or nil if nothing is currently presented.
- `destination`: A content builder that defines a view to display when item is not nil.

## Mentioned in

Understanding the navigation stack

## Discussion

Discussion Add this view modifier to a view inside a NavigationStack or NavigationSplitView to describe the view that the stack displays when presenting a particular kind of data. Programmatically update the binding to display or remove the view. For example, you can replace the view showing in the detail column of a navigation split view: @State private var colorShown: Color?

NavigationSplitView {     List {         Button("Mint") { colorShown = .mint }         Button("Pink") { colorShown = .pink }         Button("Teal") { colorShown = .teal }     }     .navigationDestination(item: $colorShown) { color in         ColorDetail(color: color)     } } detail: {     Text("Select a color") } When the person using the app taps on the Mint button, the mint color shows in the detail and colorShown gets the value Color.mint. You can reset the navigation split view to show the message “Select a color” by setting colorShown back to nil. You can add more than one navigation destination modifier to the stack if it needs to present more than one kind of data. Do not put a navigation destination modifier inside a “lazy” container, like List or LazyVStack. These containers create child views only when needed to render on screen. Add the navigation destination modifier outside these containers so that the navigation split view can always see the destination.

## See Also

### Stacking views in one column

- [NavigationStack](swiftui/navigationstack.md)
- [NavigationPath](swiftui/navigationpath.md)
- [navigationDestination(for:destination:)](swiftui/view/navigationdestination(for:destination:).md)
- [navigationDestination(isPresented:destination:)](swiftui/view/navigationdestination(ispresented:destination:).md)