How to get view backgrounds for widget with clear or tinted rendering

Question

Created 2w

Replies 1

Boosts 1

Participants 1

The calendar widget and buttons shows a lightened / material background behind some content when the widget is in clear / tinted mode (example here: https://developer.apple.com/videos/play/wwdc2025/278?time=72).

How can this be done? I tried applying a material and glass background to a view using the .background(...) modifier, but the background is made white.

        Text("Hello")
                .padding()
                .background {
                    ContainerRelativeShape()
                        .fill(.thinMaterial)
                }

        Text("Hello")
                .padding()
                .background {
                    ContainerRelativeShape()
                        .glassEffect()
                }

Is this not supported, a bug, or am I doing something wrong?

Boost

Answer 1

aswyer OP

2w

Oh just using a color with a lower opacity works. .fill(Color(white: 1, opacity: 0.2))

Ideally materials or glass would nest in widgets like within an app.

0