.scaledToFit()
Published Feb 12, 2023Updated Mar 17, 2023
Contribute to Docs
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 SwiftUIstruct MyStructure: View {var body: some View {Image("imagename").resizable().scaledToFit()}}
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.
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.
Learn SwiftUI on Codecademy
- Skill path
Build iOS Apps with SwiftUI
Learn how to build iOS applications with Swift and SwiftUI and publish them to Apples' App Store.Includes 7 CoursesWith CertificateBeginner Friendly13 hours - Free course
Learn Swift
A powerful programming language developed by Apple for iOS, macOS, and more.Beginner Friendly12 hours