<!--
{
  "availability" : [
    "iOS: 13.0.0 - 27.0.0",
    "iPadOS: 13.0.0 - 27.0.0",
    "macCatalyst: 13.0.0 - 27.0.0",
    "macOS: 10.15.0 - 27.0.0",
    "tvOS: 13.0.0 - 27.0.0",
    "visionOS: 1.0.0 - 27.0.0",
    "watchOS: 7.0.0 - 27.0.0"
  ],
  "documentType" : "symbol",
  "framework" : "SwiftUI",
  "identifier" : "/documentation/SwiftUI/View/navigationViewStyle(_:)",
  "metadataVersion" : "0.1.0",
  "role" : "Instance Method",
  "symbol" : {
    "kind" : "Instance Method",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI4ViewPAAE010navigationC5StyleyQrqd__AA010NavigationcE0Rd__lF"
  },
  "title" : "navigationViewStyle(_:)"
}
-->

# navigationViewStyle(_:)

Sets the style for navigation views within this view.

```
nonisolated func navigationViewStyle<S>(_ style: S) -> some View where S : NavigationViewStyle
```

## Discussion

Use this modifier to change the appearance and behavior of navigation
views. For example, by default, navigation views appear with multiple
columns in wider environments, like iPad in landscape orientation:

![A screenshot of an iPad in landscape orientation mode showing a](images/com.apple.SwiftUI/View-navigationViewStyle-1@2x.png)

You can apply the [`stack`](/documentation/SwiftUI/NavigationViewStyle/stack) style to force
single-column stack navigation in these environments:

```
NavigationView {
    List {
        NavigationLink("Purple", destination: ColorDetail(color: .purple))
        NavigationLink("Pink", destination: ColorDetail(color: .pink))
        NavigationLink("Orange", destination: ColorDetail(color: .orange))
    }
    .navigationTitle("Colors")

    Text("Select a Color") // A placeholder to show before selection.
}
.navigationViewStyle(.stack)
```

![A screenshot of an iPad in landscape orientation mode showing a single column containing the list Purple, Pink, and Orange.](images/com.apple.SwiftUI/View-navigationViewStyle-2@2x.png)

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)