capacitor-areas

This plugin provides functions to detect the devices safe area and the status bar and navigation bar height.

Supported platforms

Platform	Supported
Android	✔
iOS	✖
Web	✖

Install

npm i capacitor-areas
npx cap sync android

API

• getSafeArea()
• getStatusBarHeight()
• getNavigationBarHeight()
• Interfaces

getSafeArea()

getSafeArea() => any

Get the safe area of the device

Returns: any

---

getStatusBarHeight()

getStatusBarHeight() => any

Get the status bar height of the device

Returns: any

---

getNavigationBarHeight()

getNavigationBarHeight() => any

Get the navigation bar height of the device. Returns 0 when the device has hardware buttons.

Returns: any

---

Interfaces

Areas

Prop	Type
top	number
left	number
bottom	number
right	number