<!--
{
  "availability" : [
    "iOS: 17.0.0 -",
    "iPadOS: 17.0.0 -",
    "macCatalyst: 17.0.0 -",
    "macOS: 14.0.0 -",
    "tvOS: 17.0.0 -",
    "visionOS: 1.0.0 -",
    "watchOS: 10.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "SwiftUI",
  "identifier" : "/documentation/SwiftUI/View/transition(_:)",
  "metadataVersion" : "0.1.0",
  "role" : "Instance Method",
  "symbol" : {
    "kind" : "Instance Method",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI4ViewPAAE10transitionyQrqd__AA10TransitionRd__lF::OverloadGroup"
  },
  "title" : "transition(_:)"
}
-->

# transition(_:)

Associates a transition with the view.

```
@export(implementation) nonisolated func transition<T>(_ transition: T) -> some View where T : Transition
```

## Discussion

When this view appears or disappears, the transition will be applied to
it, allowing for animating it in and out.

The following code will conditionally show MyView, and when it appears
or disappears, will use a custom RotatingFadeTransition transition to
show it.

```
if isActive {
    MyView()
        .transition(RotatingFadeTransition())
}
Button("Toggle") {
    withAnimation {
        isActive.toggle()
    }
}
```

---

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)