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.

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.

See: https://material.io/develop/android/components/bottom-app-bar/

136 questions
2
votes
2 answers

Bottom App Bar slide up/down on navigating with fragments (Navigation Architecture Components)

I was having a look at the Bottom App Bar and there is a nice feature to hide it on scroll app:hideOnScroll="true". The problem it that I cannot figure it out how to slide it up or down progmatically when the fragments are being navigated to and…
2
votes
1 answer

Notch in BottomAppBar for custom FAB

I'm using UnicornDialer from the unicorndial package to create a Material speed dial experience on the home page of my app, but if I set the shape property to define a notch, then notch is not painted correctly: I noticed on another package…
Derek Lakin
  • 16,179
  • 36
  • 51
2
votes
0 answers

How do you fit the menu options in a BottomAppBar in the whole bar symmetrically without getting blocked by FloatingActionButton?

I'm trying to get 2 buttons on each side but end up getting something like this. Is there any way to split the menu list in half? I'm currently using a replaceMenu() function with a app:showAsAction="always|withText" to get all the options…
student
  • 177
  • 2
  • 10
2
votes
1 answer

BottomAppBar And FloatingActionButton app:layout_scrollFlags behavior

I am currently using the combination of BottomAppBar And FloatingActionButton in my Layout (obviously inside CoordinatorLayout): see layout:
1
vote
0 answers

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 completely. Material 2 Bottom App Bar with cradled…
1
vote
1 answer

How to align FAB at start/left in the BottomAppBar

I want to use FloatingActionButton in the left like this In the BottomAppBar we use fabAlignmentMode to align FloatingActionButton. The modes are center and end. But I need start. I found a article How I drew custom shapes in bottom bar. Here…
1
vote
2 answers

Customisation for Android BottomView

[![I want bottom bar like this][1]][1] Using below library in android to customize bottom tab bar : https://github.com/Droppers/AnimatedBottomBar It is quite easy to use and provide many animation. But, I don't want the menu text content to display…
1
vote
0 answers

Trying to embed a TextField or TextFormField within a BottomAppBar

I'm trying to build a BottomAppBar which contains a few icons (two on the left and another two on the right), and I'd like to add a Text input field in between them but whatever I try, it doesn't work. Code compiles fine but when opening the page…
ChrisFNZ
  • 597
  • 1
  • 4
  • 21
1
vote
0 answers

FAB doesn't return to initial position after snackbar goes away

I have a FloatingActionButton in a BottomAppBar, both inside of a CoordinatorLayout. When I have a Snackbar coming in, the FAB moves up correctly to make room for it, unfortunately, when the Snackbar slides back out, the FAB moves down more than it…
1
vote
2 answers

BottomAppBar with BottomNavigationView: Cant change icon and text color

I have a BottomAppBar with nested BottomNaviagtionView that looks like this. I can't seem to override the default purple color for when the selected icon is chosen. Here is my code:
1
vote
1 answer

Why my appbottombar is taking my whole layout height

I am using this code in my xml layout I added my layout below and some images ......
1
vote
2 answers

How do I change Bottom App Bar Items Color?

I have a BottomAppBar with a FAB from the new Material Design. That BottomAppBar has a specific menu, which contains 2 items, plus one navigation icon. The problem is, I've set the bottom app bar color to be white, and the icons are white too. How…
1
vote
3 answers

Android bottom navigation with rounded button

I want to do something like this in my android app. I tryied with app bar and fab button but was unsuccessful. Do you have any ideas?
1
vote
0 answers

How to set place of items in a menu in bottom app bar?

I have a menu and I want to put several items in it. The menu is a bottom app bar. My problem is that I want to change place of items so that two items stay on left of floatingactionbar and another ones stay on right of that. How can I do that? My…
MMG
  • 3,226
  • 5
  • 16
  • 43