Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
MathisP75 opened this issue Aug 1, 2024 · 2 comments
Open

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

MathisP75 opened this issue Aug 1, 2024 · 2 comments
Labels
enhancement New feature or request

Comments

@MathisP75
Copy link

MathisP75 commented Aug 1, 2024

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

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

@MathisP75 MathisP75 added the enhancement New feature or request label Aug 1, 2024
@jpelgrom
Copy link
Member

jpelgrom commented Aug 2, 2024

Unfortunately this isn't as easy as you might think because of the WebView. Last time I tried the problem was that information about insets wasn't set correctly on the WebView, making it impossible for the frontend to adapt. That means content will end up behind the system navigation, which is especially problematic when using button navigation or when you have a tall status bar due to a camera/cutout. It looks like the bug is still unresolved: https://issuetracker.google.com/issues/40699457.

(I thought we already had an issue for this, but can't find it.)

@MathisP75
Copy link
Author

Ah well that sucks, it would have been neat. Let's hope Google does something about it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants