Is there a way I can specify the background color of the view used to display a sheet in SwiftUI? I know I can set .background on my view, but on iPhone X that doesn't affect the safe area. I also could use .edgesIgnoringSafeArea to fill the area, but I'd prefer not to mess with that.
5 Answers
In the end you need to deal with edgesIgnoringSafeArea since you need to go beyond the safe area (you'd have to do the same in UIKit). The important thing is, that you only ignore the safe area for your background. So in terms of SwiftUI, you only need to apply edgesIgnoringSafeArea to the view you pass to background:
struct ContentView: View {
var body: some View {
VStack {
Text("hey there")
Text("Another line")
}.background(Color.blue.edgesIgnoringSafeArea(.all))
}
}
However, this requires that the view you use background on already requests all of the available space (which is not the case in my sample code above), since background only draws a background of the view and does not fill the screen by itself. If that's not the case for you, you need to use e.g. a ZStack as shown in your answer.
Comments
You need to set presentationBackground (only works for iOS 16.4+)
public extension View {
// Example: .apply { v in return v.padding(20) }
func apply<V: View>(@ViewBuilder _ block: (Self) -> V) -> V { block(self) }
}
#Preview {
ZStack {
Color.red.ignoresSafeArea()
}
.sheet(isPresented: .constant(true)) {
YourAwesomeSheetView()
.apply {
if #available(iOS 16.4, *) {
$0.presentationBackground(Color.blue)
} else {
$0
}
}
}
}
Comments
I find this way to resolve that by Introspect, you can find this on https://github.com/siteline/SwiftUI-Introspect and then in your SwiftUI view to do this:
YourUIViewController().introspectViewController
{ (viewController) in
viewController.view.backgroundColor = .red
}

.backgroundwould solve your problem, but you're really looking for a good way to include the safe area in the background color.backgroundColorof the ViewController that's used to present SwiftUI modals.