.opacity()

iOS 13+

Sets the transparency of a view, where 0 is fully transparent and 1 is fully opaque.

Visual Effects
Official Apple Documentation →
iOS User Coverage
96.9%
coverage

96.9% of iOS users can use this modifier

Version Compatibility
iOS 18.7
24.1% Supported
iOS 26.2
22.9% Supported
iOS 18.6
19.7% Supported
iOS 26.1
7.7% Supported
iOS 18.5
5.0% Supported
iOS 16.7
2.2% Supported
iOS 15.8
1.7% Supported
iOS 18.3
1.6% Supported
iOS 17.6
1.5% Supported
iOS 26.0
1.0% Supported

iOS 13+ required

Variants
.opacity(_:)

Sets the opacity value from 0.0 to 1.0

Parameters:
  • opacity: Double
Code Examples

Semi-Transparent View

Make a view 50% transparent

Text("Hello, World!")
    .padding()
    .background(.blue)
    .opacity(0.5)

Fade Effect

Animate opacity for fade in/out

@State private var isVisible = false

Text("Hello, World!")
    .opacity(isVisible ? 1.0 : 0.0)
    .animation(.easeInOut, value: isVisible)

Loading related modifiers...

Frequently Asked Questions

What iOS version is required for .opacity()?

The .opacity() modifier requires iOS 13 or later. This means 96.9% of current iOS users can use this modifier.

How do I use .opacity() in SwiftUI?

Apply the .opacity() modifier to any SwiftUI view. Check the code examples above for usage patterns.

Where can I learn more?

Visit the official Apple documentation for detailed information.

Explore More SwiftUI Modifiers

Browse All Modifiers iOS Frameworks