.scaledToFit()

The .scaledToFit() modifier method scales a view to fit its parent view while maintaining the original aspect ratio.

Syntax

Image("image-file")
    .scaledToFit()

The .scaledToFit() modifier takes no parameters and returns the view scaled with the original aspect ratio.

Example

In the example below, the .scaledToFit() modifier is applied on an image:

import SwiftUI
struct MyStructure: View {
var body: some View {
Image("imagename")
.resizable()
.scaledToFit()
}
}

This will display the following:

SwiftUI ViewModifier scaledToFit

The image is scaled down in the example above with the .scaledToFit() modifier to fit the width of the parent view. The original aspect ratio of the image is maintained.

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.

Learn SwiftUI on Codecademy