Present a form sheet in SwiftUI

For a while, presenting a form sheet in SwiftUI, equivalent to the UIModalPresentationStyle.formSheet, was a challenge. Now, with the new presentationSizing() modifier, we can easily achieve this using the form sizing option.

Here's a simple example to demonstrate how to present a form sheet in SwiftUI on iPadOS 18:

.sheet(isPresented: $showSheet) {
    Text("Form Sheet")
        .font(.title)
        .presentationSizing(.form)
}

In this example, the presentationSizing(.form) modifier ensures that the sheet is presented as a form sheet, providing a more compact and centered appearance on larger devices.

Screenshot of a form sheet on iPad simulator

SwiftUI now also allows for custom sizing logic for sheets. This opens up new possibilities for tailoring the presentation of our views to better fit our app's design.

For more examples and detailed information, check out the PresentationSizing documentation.

If you are enjoying our blog and would like to support us, you can sponsor us on GitHub.