Questions tagged [android-bottomappbar]
One of the defining features of Material Design is the design of the BottomAppBar. Based on the changing needs and behaviors of users, the BottomAppBar is an evolution from standard Material guidance. It puts more focus on features, increases engagement, and visually anchors the UI.
137
questions
0
votes
0
answers
37
views
Rule of thumb for smoothing angle between two lines `shapePath.lineTo` in java/kotlin
I want to make smooth the angle between two mirrored lines shapePath.lineTo(x1,y1) and shapePath.lineTo(x2,y2) by adding an arc of given radius R between that two lines. But I don't know how to work ...
0
votes
1
answer
113
views
Material 3 Bottom App Bar - Centered FloatingActionButton moved icon to the left instead of right
My app in Material 2 is using a Bottom App bar this way:
<com.google.android.material.bottomappbar.BottomAppBar
android:id="@+id/bar"
style="@style/Widget.MaterialComponents....
0
votes
1
answer
495
views
MAUI Error inflating class com.google.android.material.appbar.AppBarLayout
I have written a MAUI app based on the documentation sample "Xaminals". It compiles fine but at initialization in the Android emulator I get the following exception:
Android.Views....
0
votes
0
answers
90
views
Why doesn't my bottom bar item label fit properly?
I made a bottom bar, but there is a problem, the label does not fit even though there is space? It doesn't happen on every screen, it only happens on some screens, such as small screens. What is the ...
0
votes
1
answer
45
views
why is my bottom bar titles doesn't align bottom?
I made a bottom bar in compose, but for some reason I can't align the titles to the bottom, maybe because the bottom bar has a bottom border, I'm not sure, but I want less space under the titles, so I ...
0
votes
0
answers
281
views
How to put Fragment behind Bottom Navigation Bar in Android?
So I have a XML code for an activity
activity_home.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http:...
1
vote
1
answer
526
views
How to create a docked/cradled fab in Material 3 Bottom App Bar similar to Google Keep
Recently, I have been trying to create a docked/cradled fab in a bottom app bar in Material 3. While material 2 supports this as default, material 3 has placed the fab within the bottom app bar ...
0
votes
1
answer
1k
views
How can I make a bottom bar with a fab button in the center of the bottom bar in kotlin compose?
I'm currently making a bottom bar, I think I've done everything right but it's not working properly. the background is completely black and the fab button appears in the center of the screen and the ...
0
votes
1
answer
72
views
Bottom AppBar with custom shaped FloatingActionButton in Android Java
This is My Floating Action Button
How to set fabmargin using custom fab. I was creating an android app based on an UI design But this bottom appbar with custom fab is difficult.
<?xml version="...
0
votes
1
answer
403
views
BottomAppBar has a cradle (hole) when FloatingActionButton is hidden
In a word game for Android I show a floating action button with "Play" icon, when a valid word is at the game board:
mFab.setVisibility(canPlay ? View.VISIBLE : View.GONE);
However when I ...
8
votes
1
answer
5k
views
Native Android -> How to create custom curved bottom navigation
So this is the navigation my designer made for our project.
Height of the bottom navigation is 70dp.
What I have tried so far.
First I downloaded a vector drawable background from design and set it as ...
0
votes
1
answer
515
views
BottomAppBar and BottomNavigationView with FloatingActionButton UI is messed up
I have added BottomAppBar and BottomNavigationView with FloatingActionButton inside ConstraintLayout but the white strip is showing at bottom of the screen in the entire application. On this screen, a ...
0
votes
2
answers
1k
views
How to click icons at Bottom bar
I have a bottom bar that is shared by all of the screens. In the bottom bar, include three icons (bottom_nav.xml) and menu navigation (botton_menu_nav.xml). My menu navigation is working fine, but now ...
2
votes
2
answers
4k
views
Jetpack compose - change bottom bar cutout color
How to change the color of the cut out for the bottom bar?
I know it takes the color from MaterialTheme.colors.background, but I don't want to change the background color for all components, only for ...
2
votes
1
answer
1k
views
Bottom AppBar with icons on both sides
By default, with fab in the center, all icons are aligned to the right, but I need to have 3 icons on one side and the other, like in the example below.
The screenshot shows a click on one of the ...