Swift UI Image – Circle, RoundRect

Ref

This example is from Apple Sample Code “Creating and Combining Views“

CircleImage

Let’s copy code from Sample

This is Circle Image “shikuyoro” is image file name

CircleImage.swift

import SwiftUI

struct CircleImage: View {
    var body: some View {
        Image("shikuyoro")
        .clipShape(Circle())
            .overlay(Circle().stroke(Color.white, lineWidth: 4))
        .shadow(radius: 10)
        .scaledToFit()
    }
}

struct CircleImage_Previews: PreviewProvider {
    static var previews: some View {
        CircleImage()
    }
}

Preview

RoundedImage

From above code, let’s try

Instead of using Circle(), We can use RoundedRect

As advanced, filename is given as a parameter (Preview uses an example)

RoundedImage.swift

import SwiftUI

struct RoundedImage: View {
    
    var name: String
    
    var body: some View {
        Image(name)
        .clipShape(RoundedRectangle(cornerRadius: 10))
    }
}

struct RoundedImage_Previews: PreviewProvider {
    static var previews: some View {
        RoundedImage(name: "shikuyoro")
    }
}