SafeArea on Android with notch

Hi to all,

I am using latest NativeScript with Sidekick:
Version: 1.14.1-v.2018.11.23.3 (latest)
NativeScript CLI version: 5.1.0
CLI extension nativescript-cloud version: 1.15.0
CLI extension nativescript-starter-kits version: 0.3.5

I have a problem with Android (Pixel 3 XL, android P) where phones notch cuts into ActionBar.
Application is Drawer Navigation application which comes with Native Script (built in).
Check attached preview. You can not see the notch but it cuts over "Home" action bar title.

I have tried with CSS top margin 50 but then it will effect other phones which does not have notch or notch height is different.
Is there a proper way to deal with this?

I could not find any solution. I think that NativeScript should be able to handle this by default, but it does not.

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

Reproduce the issue on a Pixel 3 XL running Android P with the NativeScript Drawer Navigation application, then start by tracing how the Android ActionBar handles the notch and safe-area insets. Done means the Home title no longer overlaps the notch while preserving correct positioning on phones without a notch or with different notch heights.