Control Size of content

Question

A-star OP

Created Dec ’21

Replies 1

Boosts 0

Participants 2

I practice using SwiftUI Tutorials. https://developer.apple.com/tutorials/swiftui/

I want to fix size of the image. Tell me how to solve this, please.

I build like that:

import SwiftUI

struct CircleImage: View {

    var image: Image

    

    var body: some View {

        image

            .clipShape(Circle())

            .overlay {

                Circle().stroke(.gray, lineWidth: 4)

            }

            .shadow(radius: 7)

    }

}

Boost

Answer 1

Claude31 OP

Dec ’21

You should use .resizable modifier:

Image("some image")
    .resizable()
    .frame(width: 32.0, height: 32.0)
    .clipShape(Circle()) // or Ellipse()) if original image is not square
    .overlay {
        Circle().stroke(.gray, lineWidth: 4)  // or Ellipse()
      }
     .shadow(radius: 7)

If image is not square, you can also use aspectRatio

        Image("some image")
            .resizable()
            .aspectRatio(UIImage(named: "some image")!.size, contentMode: .fit)
            .frame(width: 32, height: 32)
            .clipShape(Circle())
            .overlay {
                Circle().stroke(.gray, lineWidth: 4)
            }
            .shadow(radius: 7)

if you need more details, please show more code.

0