In #SwiftUI we have a convenient way to set a view's background to a shape, like a capsule or rounded rectangle, using the background(_:in:) modifier. This works great when we need to place a single shape behind a view: nilcoalescing.com/blog/SetASha... - ThreadSky

natpanferova.bsky.social • 83 days ago

In #SwiftUI we have a convenient way to set a view's background to a shape, like a capsule or rounded rectangle, using the background(_:in:) modifier.

This works great when we need to place a single shape behind a view: https://nilcoalescing.com/blog/SetAShapeAsBackgroundInSwiftUI/

Comments

craig-miller.bsky.social•82 days ago

Handy!

joe.inkle.co•83 days ago

Cool, didn’t know this one! Wondering whether this is essentially identical to .background(Capsule().fill(Color.yellow.gradient)), or maybe I’ve missed something?

natpanferova.bsky.social•83 days ago

This particular version would call background(_:alignment:) which is being deprecated: https://developer.apple.com/documentation/swiftui/view/background(_:alignment:)

joe.inkle.co•83 days ago

Ooh interesting! I guess you can also just make the brackets curly:

.background{Capsule().fill(Color.yellow.gradient)}

One of the things I’ve found confusing about learning SwiftUI is how many different overloads there are, ways of achieving the same thing with v small differences.

natpanferova.bsky.social•83 days ago

Yeah... too many modifiers and things change too fast 😅

natpanferova.bsky.social•83 days ago

The other alternative would be to use background { Capsule().fill(Color.yellow.gradient) } https://developer.apple.com/documentation/swiftui/view/background(alignment:content:) but the one in my post is a convenience for that that avoids defining a view when we just want to use a single shape

avielg.bsky.social•81 days ago

Is there any perf difference between the two?

natpanferova.bsky.social•81 days ago

There might be as the convenience method doesn't need to create another view in a closure, but I don't know how noticeable it would be.

avielg.bsky.social•81 days ago

Death by a 1000 cuts 😏

brentac.com•83 days ago

Working on my first app. Ever. It's for work and I can't share it but I might try this out. Thanks

danielsaidi.bsky.social•82 days ago

Are there any difference between this and specifying a background and applying a clip shape?

natpanferova.bsky.social•82 days ago

Applying a background first and then clipping the view to a shape will clip the entire view, not just the background, so if the view extends beyond the shape it will also be clipped. background(_:in:) will just place a shape behind the view.

danielsaidi.bsky.social•82 days ago

Oh, I meant applying the clipping layer to the background :) This new API is a lot cleaner, but I was just curious if it has any other advantages such as better performance?

natpanferova.bsky.social•82 days ago

I think it might, but not sure how noticeable it would be 🙂

Comments

Posting Rules

Reply