Skip to content

Layout drawing behind status and navigation bars after upgrading target SDK from 34 to 35 in NativeScript app #5852

@codebynithin

Description

@codebynithin

Issue Description

I’m developing a NativeScript Angular application and recently upgraded my target SDK from 34 to 35 (Android 15 Preview). After this change, the app layout started rendering behind the status bar and navigation bar. This issue wasn’t present when targeting SDK 34.

Previously, the system bars were respected, and the layout displayed correctly. But with targetSdkVersion 35, the UI elements now overlap with the system bars, making them hard to interact with or view properly.

It seems that Android 15 (API 35) enforces edge-to-edge layout behavior more strictly (a behavior introduced starting in Android 11 / API 30).

My questions:
1. Why does this behavior change when moving from SDK 34 to 35?
2. How can I prevent the layout from drawing behind the system bars when targeting SDK 35?
3. Is there a recommended fix in NativeScript Angular to handle this properly?
4. What are the best practices to support both Android 11+ and Android 15+ consistently?

Reproduction

Create a Nativescript Angular app and use targeting 35

Relevant log output (if applicable)

Environment

No response

Please accept these terms

Metadata

Metadata

Assignees

No one assigned

    Labels

    bug-pending-triageReported bug, pending triage to confirm.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions