How to present a Full Screen modal view with .fullScreenCover in SwiftUI

December 31, 2024

Since iOS 13 a modal view does not cover the entire screen by default. If you want to display a full-screen modal view you can use the .fullScreenCover modifier introduced with iOS 14.

Instead of using .sheet to display a modal view, you can use the .fullScreenCover modifier as follows:

struct ContentView: View {
    @State private var isPresented = false

    var body: some View {
        Button("Present!") {
            isPresented.toggle()
        }
        .fullScreenCover(isPresented: $isPresented, content: FullScreenModalView.init)
    }
}