ISafe | EF React Native Style Framework

This interface provides the amount of spacing that should be applied to a fullscreen view to avoid any notches on the device. Can be used for padding or margins to make sure the content is not obscured.

example: Strawman example ```ts const safe = new Safe(); safe.top; // -> 12; ```

Type parameters

Hierarchy

ISafe

Implemented by

Safe

Index

Properties

bottom
left
right
top

Properties

bottom

bottom: T

The spacing that needs to be applied to the bottom of the screen to avoid any notches

left

left: T

The spacing that needs to be applied to the left of the screen to avoid any notches

right

right: T

The spacing that needs to be applied to the right of the screen to avoid any notches

top

top: T

The spacing that needs to be applied to the top of the screen to avoid any notches