SwiftUI Image clipsToBounds

Question

Experimenting with SwiftUI (Xcode 11.0 beta 2), I try to fill a View with an image :

Image("large")     .resizable()     .aspectRatio(contentMode: .fill)     .frame(width: 80, height: 80, alignment: .center)     .border(Color.black) 

This renders like so :

I would like to apply something similar to UIView.clipsToBounds so the image is clipped and the parts outside of the box are not visible.

Answer 1

You can use the .clipped() modifier, which results in an effect similar to UIView.clipsToBounds:

Image("large")     .resizable()     .aspectRatio(contentMode: .fill)     .frame(width: 80, height: 80, alignment: .center)     .border(Color.black)     .clipped() // Equal to clipsToBounds = true 

Answer 2

Image("large")    .resizable()    .clipShape(Circle())    .frame(width: 200.0, height: 200.0)    .overlay(Circle().stroke(Color.white,lineWidth:4).shadow(radius: 10))