How to adjust the opacity of a view
Updated for Xcode 16.4
Any SwiftUI view can be partially or wholly transparent using the opacity() modifier. This accepts a value between 0 (completely invisible) and 1 (fully opaque), just like the alpha property of UIView in UIKit.
For example, this creates a text view with a red background, then gives it 30% opacity:
Text("Now you see me") .padding() .background(.red) .opacity(0.3)
Download this as an Xcode project
Modifying opacity is extremely fast – certainly something you can do as often as you need. To demonstrate that, the following code adjusts text opacity using a slider, and you’ll see you can move it around as fast and as much as you like without any performance hit:
struct ContentView: View { @State private var opacity = 0.5 var body: some View { VStack { Text("Now you see me") .padding() .background(.red) .opacity(opacity) Slider(value: $opacity, in: 0...1) .padding() } } } Download this as an Xcode project
SAVE 50% All our books and bundles are half price for Black Friday, so you can take your Swift knowledge further for less! Get my all-new book Everything but the Code to make more money with apps, get the Swift Power Pack to build your iOS career faster, get the Swift Platform Pack to builds apps for macOS, watchOS, and beyond, or get the Swift Plus Pack to learn Swift Testing, design patterns, and more.
Similar solutions…
- SwiftUI tips and tricks
- How to dynamically adjust the appearance of a view based on its size and location
- How to adjust the position of a view using its offset
- How to convert a SwiftUI view to an image
- How to adjust the size of a view relative to its container
