v3.0.0 - (3 June 2024)
✨ Improvements
- Support for Capacitor v6 by @azarz in #15 (Complete changelog).
v2.1.2 - (2 June 2024)
✨ Improvements
- Add support for insets on Android 9 and below. By @Menardi in #12 (Complete changelog).
v2.1.1 - (18 Jun 2023)
- Make
safe-area
custom element opt-in to register only if needed and to also to prevent breaking evaluatingSafeAreaController
in SSR environments. by @jjang16 in #9
If earlier you were using the safe-area
tag by simple (Empty) import, you now have to import and call function registerSafeAreaElement
// root.component.ts or your-component.ts
import { registerSafeAreaElement } '@aashu-dubey/capacitor-statusbar-safe-area';
registerSafeAreaElement();
SafeAreaType
type has been renamed toSafeAreaInset
(changelog)
v2.1.0 - (14 May 2023)
✨ Improvements
- Upgraded plugin to Capacitor v5 (#8) (Complete changelog).
v2.0.0 - (1 Apr 2023)
This version adds support for an addition way to handle safe area on device, using safe-area
web component exported by the plugin.
It can be used as follows:
<safe-area>
<!-- Other content -->
</safe-area>
It also comes with 2 attributes to control it's behaviour, mode
and edges
.
For example, to use safe area insets as element's margin instead of default padding, and to apply only for top, we would write it as follows:
<safe-area mode="margin" edges="top">
<!-- Other content -->
</safe-area>
more details about it's usage can be found in the readme.
✨ Features
🐛 Fixes
v1.1.0 - (2 Nov 2022)
✨ Improvements
-
Upgraded plugin to Capacitor v4 (#3)(by @Hrdtr) (Complete changelog).
v1.0.1 - (29 May 2022)
- fix: podspec issue on iOS when running
npx cap sync
(3bdf607).
v1.0.0 - (20 Mar 2022)
Initial release.
Using this package you can get Status bar height and Safe area insets on Android & iOS on Ionic applications