Please provide an example of a real Angular app where app elements are displayed under a transparent system status bar.

[ozamota]

Please help me with this question:

https://stackoverflow.com/questions/79860209/element-inside-the-page-not-displayed-under-the-status-bar-nativescript-angular

I need a working edge-to-edge example for Android. I need to be able to display a custom element (my custom appbar) under the status bar.

The only thing I've achieved (xml files + CSS styles) is that a page is displayed behind the status bar. But everything inside the page won't display under the status bar:

enter image description here

red - page

green - container inside the page.

blue - is my appbar that should be displayed under the status bar.

(I added padding to make the structure visible)

Or please provide an example of a real Angular app where app elements are displayed under a transparent system status bar.

I tried using: https://blog.nativescript.org/nativescript-9-announcement/#android-edge-to-edge
It doesn't work. There are no errors, but the display doesn't work.

[NathanWalker]

This post is a helpful guide: https://blog.nativescript.org/android-edge-to-edge/