Questions tagged [android-navigation-bar]
141 questions
4
votes
1 answer
Material Design 3 uses colorPrimary for actionBar, navBar and calendar background color. How do I disable this?
After upgrading to Material Design 3, I noticed that the background colors of certain things changed to a faded version of whatever my primary color is set to. For example, if I set my primary color to Red, the navBar and Calendar are now somewhat…

Marty Miller
- 913
- 2
- 11
- 27
4
votes
0 answers
Translucent navigation bar with BottomSheetDialog
I'm fighting for a proper navigation bar coloring on targetSdk=30 in my BottomSheetDialog when going edge-to-edge. I set the light navigation bar option via code here:
override fun onAttachedToWindow() {
super.onAttachedToWindow()
val…

Thomas Keller
- 5,933
- 6
- 48
- 80
4
votes
1 answer
How to fix a bottom navigation bar when Constraint layout is within ScrollView?
I have constraint layout within Scrollview in my xml file, and I want a fixed navigation bar at the bottom of the mobile screen which cannot be scrolled when I scroll the page. How do I fix the bottom navigation bar at the bottom of the mobile…

Ian Bell
- 533
- 5
- 18
4
votes
1 answer
How to add NavHostFragment in a Fragment destination?
My goal is to understand and use the Navigation component in the best way with a complex navigation architecture (I suppose).
To make the global context, I use a main BottomNavigationBar with 5 items. For the management of the fragments associate, I…

François ROSTKER
- 171
- 2
- 8
4
votes
3 answers
Android: windowLightNavigationBar not working
Background: My background is in web development, ruby and javascript. I'm working on a mostly react-native app, so very likely I'm missing something basic.
What I want
android navigation bar to be white with dark system buttons see image in link…

aaronmgdr
- 83
- 1
- 5
4
votes
2 answers
How to have transparent navigation bar while having views above it and behind it?
Background
It's possible to have the navigation bar to be transparent, so that content will be drawn behind it (in Z coordinate) and that there will be views above it (in Y coordinate), like on the camera app:
For the Camera app, there is content…

android developer
- 114,585
- 152
- 739
- 1,270
4
votes
3 answers
Android: How to set status bar and navigation bar semi transparent
In some applications I noticed that the status bar and navigational bar are transparent however, not completely. I do not know if this is a background color or something else. Would someone tell me how to implement this? Thank you.

Lord Goderick
- 965
- 2
- 14
- 32
3
votes
3 answers
Wrong ripple in material3 NavigationBar in Jetpack Composee
When I use Material3 NavigationBar in Jetpack Compose I get wrong rectangular ripple effect like this:
Material3 library version: 1.0.0-alpha06
Code:
NavigationBar(modifier = Modifier.navigationBarsPadding()) {
NavigationBarItem(
…

Renattele Renattele
- 1,626
- 2
- 15
- 32
3
votes
1 answer
How can I color the cutout/notch area with background color in non-full screen landscape mode in android jetpack compose
In landscape mode in Night mode cutout area is rendered white, how can I set the black(background) color to it? My app is not in fullscreen/immersive mode.
I want to color white color cutout strip in black(background) color.
Edit :
The problem is…

Vidyesh Churi
- 1,899
- 1
- 24
- 33
3
votes
5 answers
React Native app "full screen" in new cellphones
My goal is to make an app full screen with the status bar visible in Android and in IPhone, like in Expo but in React Native
Here is what is happening:
My goal is to remove this gray part and make the app occupy this part and at the same time show…

Robert Paty
- 91
- 1
- 4
3
votes
7 answers
How would can I make the snackbar to be above the navigation bar? (y axis)
I have this layout

Elad Benda
- 35,076
- 87
- 265
- 471
3
votes
0 answers
How to hide android navigation-bar(back/home/menu) in Flutter
I want to build an app without native navigation bar, like back/home/recent. I would not use fullscreen mode, for that I need to display the status bar. In Flutter, I use the code SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]); it…

Jerry
- 31
- 3
3
votes
3 answers
android:navigationBarDividerColor requires API level 28
Previously, I implemented light and dark navigation bar, however now tags as android:navigationBarDividerColor and android:windowLightNavigationBar require API level 28 when they previously required API level 27.
It seems API level 28 does not even…

Teďourek
- 85
- 7
3
votes
3 answers
Transparent Status bar android
I tried
setting the statusBarColor to transparent, but it leaves a shadow
setting the windowTranslucentStatus to true, but it leaves a shadow
mixed and matched the above properties with fitsSystemWindow... no success
doing the following achieves the…

John
- 377
- 3
- 14
3
votes
2 answers
Android: Spinner dropdown in full screen
I'm trying to open drop down spinner in full screen (immersive mode), but the issue is that when the drop down opens up it brings out translucent navigation bar at the bottom. The navigation bars hides when an option is selected, but remains visible…

Umar Hussain
- 3,461
- 1
- 16
- 38