How to present a new view using sheets

Paul Hudson    @twostraws    September 18th 2019

Fully updated for Xcode 11.2

SwiftUI’s sheets are used to present new view controllers modally over existing ones, like calling present() on a UIViewController in UIKit. To use one, give it something to show (some text, an image, a custom view, etc), add a Boolean that defines whether the detail view should be showing, then attach it to your main view as a modal sheet.

For example, if you had a detail view like this one:

struct DetailView: View {
    var body: some View {
        Text("Detail")
    }
}

Then you could present it like this:

struct ContentView: View {
    @State var showingDetail = false

    var body: some View {
        Button(action: {
            self.showingDetail.toggle()
        }) {
            Text("Show Detail")
        }.sheet(isPresented: $showingDetail) {
            DetailView()
        }
    }
}

Unlike navigation links, sheets don’t require a navigation view to work.

Similar solutions…

• SwiftUI tips and tricks
• Building a menu using List
• What’s the difference between @ObservedObject, @State, and @EnvironmentObject?
• How to use @EnvironmentObject to share data between views
• Composing views to create a list row