SwiftUI .scaledToFill()
Published May 1, 2023Updated May 15, 2024
Contribute to Docs
The .scaledToFill() modifier method scales a view to fill its parent view while maintaining the original aspect ratio. It takes no parameters.
Syntax
View
.scaledToFill()
Note: This method is the same as using
.aspectRatio()with anilaspect ratio and a content mode of.fill.
Example
In the example below, the .scaledToFill() modifier is applied to a circle:
import SwiftUIstruct MyStruct: View {var body: some View {Circle().scaledToFill()}}
The image on the left shows the circle without the .scaledToFill() modifier applied. The image on the right shows the circle with the .scaledToFill() modifier applied.

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
- Learn how to build iOS applications with Swift and SwiftUI and publish them to Apples' App Store.
- Includes 7 Courses
- With Certificate
- Beginner Friendly.13 hours
- A powerful programming language developed by Apple for iOS, macOS, and more.
- Beginner Friendly.12 hours