Ignores Safe Area Modifier

The Ignores Safe Area modifier expands a layer out of its safe area.

Overview

When you insert a layer that fills its parent's space—such as a Rectangle—you'll see that by default, it respects the safe area. This ensures that your content is not occluded by the notch on your screen and that your content does not interfere with the use of the home indicator.

The safe area also grows when a system keyboard appears, reducing the space offered to the layers which leads them to compress to make space for the keyboard.

You can override these behaviors to extend into the safe areas with the use of the Ignores Safe Area modifier. This modifier takes two parameters: Regions and Edges.

Regions

All - Layers extend into all the safe area regions, both the container and keyboard regions
Container - Layers extend into containers within the user interface, including elements such as top and bottom bars, but continue to contract when a keyboard appears
Keyboard - Layers do not contract or move when the software keyboard appears