home-assistant / home-assistant/android

Make the navigation bar and status bar transparent (edge-to-edge)

Open
#4,547 6 comments 3 reactions 0 assignees View on GitHub
enhancement
Dominant language
Kotlin
Stars
3.9k
Forks
1.1k
Avg merge
1d 12h
Merged PRs (30d)
81

Description

**Is your feature request related to a problem? Please describe.**
Both the navigation bar and the status bar are solid colors and do not allow for other elements to go under them, making the application feel less polished.

**Describe the solution you'd like**
Making the application display edge-to-edge content, as described here: https://developer.android.com/develop/ui/views/layout/edge-to-edge

**Describe alternatives you've considered, if any**
Not applicable.

**Additional context**
Example of an app handling edge-to-edge incorrectly (notice how the side menu goes under the navigation bar and the status bar): ![Screenshot_20240801-192313.png](https://github.com/user-attachments/assets/f4ee947f-b791-4ec5-aa55-93fff3647a70)

Example of an app handling edge-to-edge correctly (notice how the side menu goes under both the navigation bar and the status bar, since they are truly transparent): ![Screenshot_20240801-192429.png](https://github.com/user-attachments/assets/06c1293a-9cef-4d57-9a28-a3d64fa6e666)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.