How to Disable swipe down to dismiss Sheet in SwiftUI

By default, you can dismiss a sheet presentation using a swipe-down gesture.

This dismissal gesture is more convenient on a large device where it is hard to reach the close button at the top.

But not all sheets are created equals.

For some sheets, you might want to control the dismissal logic.

For example,

• Pin code view where you don't want users to go any further until they enter the pin.
• Login view, which shows up when a session expires. You might want to kick users out if they try to dismiss the view.

If you have any view that you want to enforce an action upon the dismissal, you might want to disable the swipe-to-dismiss gesture.

You can do that by applying interactiveDismissDisabled(_:) modifier.

How to prevent swipe down to dismiss a sheet in SwiftUI

To disable dragging down to dismiss interaction, you apply interactiveDismissDisabled(_:) on a sheet view.

struct ContentView: View {
    @State private var isPresented = false
    
    var body: some View {
        Button("Sheet") {
            isPresented = true
        }
        .sheet(isPresented: $isPresented) {
            NavigationStack {
                VStack {
                    Spacer()
                    Text("_ _ _ _")
                    Spacer()
                    Button {
                        // Validate the code
                        // Then dismiss.
                        isPresented = false
                    } label: {
                        Text("Enter")
                            .frame(maxWidth: .infinity)
                    }
                    .buttonStyle(.borderedProminent)
                }
                .padding()
                .navigationTitle("Enter Passcode")
            }
            .interactiveDismissDisabled()
        }
    }
}

By using .interactiveDismissDisabled(), the sheet can't be dismissed with a drag-down gesture. You have to programmatically dismiss it yourselves.

You can easily support sarunw.com by checking out this sponsor.

Note Taking:Quickly take note using Voice, Camera, or Typing

Try it for Free

Conditionally control the dismissal behavior

If you want to disable/enable drag down to dismiss gesture based on a condition, you can do that by providing the isDisabled boolean value to the interactiveDismissDisabled(_:) modifier.

By default, isDisabled is true.

func interactiveDismissDisabled(_ isDisabled: Bool = true) -> some View

In this example, I control the dismissal behavior using the isDisabled boolean.

struct ContentView: View {
    @State private var isPresented = false
    // 1
    @State private var isDisabled = true
    
    var body: some View {
        Button("Sheet") {
            isPresented = true
        }
        .sheet(isPresented: $isPresented) {
            // 2
            Toggle("isDisabled", isOn: $isDisabled)
                // 3
                .interactiveDismissDisabled(isDisabled)
        }
    }
}

1 We use isDisabled to control .interactiveDismissDisabled(isDisabled).
2 Use Toggle to adjust the value of the isDisabled variable.
3 Use isDisabled as the .interactiveDismissDisabled() argument.

We can't dismiss the sheet when isDisabled is true.