Safe Area

The Safe Area widget is used to ensure that its child widget is not obscured by system intrusions like the status bar, navigation bar, or device notches. It automatically adds padding to its child to avoid these areas.

Properties

Property	Description
left	If true, padding is applied to the left side.
top	If true, padding is applied to the top side.
right	If true, padding is applied to the right side.
bottom	If true, padding is applied to the bottom side.

---

Default Properties

The Safe Area widget supports all three sections of default properties:

Layout

• width

• height

• padding

• margin

• align

Appearance

• bgColor

• borderRadius

• border

  • borderWidth

  • borderColor

  • borderType (e.g., solid, dashed)

  • strokeAlign

Interactions

• onClick — Used to add actions to the Safe Area widget.