SwiftUI .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()
    }
}

Copy to clipboard
Copy to clipboard

This will display the following:

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.