ignoresSafeArea - Metabind

.ignoresSafeArea(regions?: SafeAreaRegions, edges?: EdgeSet): Component

regions

SafeAreaRegions

Which safe area regions to ignore. One of "container", "keyboard", or "all". Defaults to "all".

edges

EdgeSet

Which edges to extend into. See Edge. Defaults to "all".

Support

Color("blue").ignoresSafeArea("all", "all")

ZStack([
    Color("indigo").ignoresSafeArea(),
    VStack([
        Text("Content")
            .foregroundStyle(Color("white"))
    ])
])

VStack([
    TextField({ text: value, setText: setValue })
]).ignoresSafeArea("keyboard")

Image({ url: "hero.jpg" })
    .resizable()
    .scaledToFill()
    .ignoresSafeArea("container", "top")

On devices with notches or home indicators, content normally avoids the safe area insets. This modifier lets components extend into those regions.
Common use cases include full-bleed background colors, hero images that extend behind the status bar, and input views that should not shift when the keyboard appears.