How define a size for image with AsyncImage [duplicate]

Question

The problem: When i use AsyncImage to display an image. The size of image is big and dont fit the size of frame.

Thats the code i used:

AsyncImage(url: URL(string: mockImageUrl))
        .frame(width: 200, height: 300)

And this is how image is displayed:

image on emulator

What I need: I need to do image fits the frame.

What I tryed: I defined the size of AsyncImage but the image still doesnt feat the height and width of frame.

see the example given by Apple at: developer.apple.com/documentation/swiftui/asyncimage — workingdog support Ukraine
– workingdog support Ukraine, Commented Jan 16, 2024 at 23:04
thank you, the documentation was not very clear about the size of the image, I forgot to say I read it. — Johnatan Kayevo
– Johnatan Kayevo, Commented Jan 16, 2024 at 23:17

Johnatan Kayevo · Accepted Answer · 2024-01-16 23:15:38Z

19

Solution:

To make image follow the size of AsyncImage you need change the scale of image like this:

AsyncImage(url: URL(string: mockImageUrl)){ result in
            result.image?
                .resizable()
                .scaledToFill()
        }
        .frame(width: 200, height: 200)

".resizable()" code allow the image size fit the frame of AsyncImage.

image on emulator

Documentation examples:

https://developer.apple.com/documentation/swiftui/asyncimage

edited Jan 16, 2024 at 23:15

answered Jan 16, 2024 at 22:56

Johnatan Kayevo

3812 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

workingdog support Ukraine Over a year ago

yes, just like I said in my comment, see the example given by Apple

Collectives™ on Stack Overflow

How define a size for image with AsyncImage [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related