Safe Area Handling in Capacitor

Handle iPhone notch, Dynamic Island, home indicator, and Android cutouts properly.

When to Use This Skill

• User has layout issues on notched devices
• User asks about safe areas
• User sees content under the notch
• User needs fullscreen layout
• Content is hidden by home indicator

Understanding Safe Areas

What Are Safe Areas?

Safe areas are the regions of the screen not obscured by:

• iPhone: Notch, Dynamic Island, home indicator, rounded corners
• Android: Camera cutouts, navigation gestures, display cutouts