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
7
votes
1 answer

Top Toolbar Menu + BottomAppBar Menu + BottomNavigationDrawerFragment Just like Material Design

What I want to achieve is like this image (Without top NavigationView though) but with Toolbar Menu + BottomAppBar Menu + BottomNavigationDrawerFragment exactly like material design: I could manage the BottomAppBar menu by replace() (My…
7
votes
3 answers

How to show/hide BottomAppBar programmatically?

I try to use an BottomAppBar and I would like to be able to hide or show it programmatically like a setExpanded in an AppBarLayout. My layout is like
BenjaminBihr
  • 1,252
  • 2
  • 10
  • 15
6
votes
2 answers

Using BottomAppBar or BottomNavigationView to create custom bottom view

I would like to create the view below for a test android application. These are the present steps that I have followed to create the view: Created layout file with the coordinator layout as the root element. Added the bottom bar and anchored it to…
George
  • 2,865
  • 6
  • 35
  • 59
6
votes
2 answers

Two different menus for Top App Bar and Bottom App bar with Navigation Components

I was trying out Android Navigation Architecture Component and was also looking into Material design guidelines. I really got inspired by the design below: For the top toolbar I can set it by setSupportActionBar(toolbar) and then in MainActivity:…
5
votes
5 answers

Error inflating class android.support.design.bottomappbar.BottomAppBar

I'm trying to test BottomAppBar feature from material.io. However, when I try to run an app I'm getting an instant crash: > 10-20 22:21:25.067 27571-27571/com.example.asmox.bcl E/AndroidRuntime: FATAL EXCEPTION: main Process:…
Asmoox
  • 592
  • 8
  • 23
4
votes
2 answers

How to implement rounded bottomAppbar in flutter?

I want to create a rounded Bottomappbar like this one. Rounded BottomAppBar: But it appears like this... Coded BottomAppBar: How do I get rid of that white portion? return ClipRRect( borderRadius: BorderRadius.only( topLeft:…
4
votes
1 answer

Android : Add rounded corners to BottomAppBar with circular anchored FAB

I want to achieve something similar to this view, bottom navigation with top left and right rounded corner radius and a and anchored FAB
4
votes
0 answers

Blinking effect on bottom app bar when change simultaneously fab alignment and menu

I have a bottom app bar with centered fab and menu. I want to change fab alignment and menu when I selecting an item in my list. The changes work great but the animation show blinking effects. I tried to use an handler to change menu when fab…
4
votes
1 answer

BottomAppBar FabCradleMargin becoming less, almost flat, when BottomAppBar returns from being hidden

I am having an issue with my FabCradleMargin becoming less, almost flat, inside my Bottom App Bar when navigating through my app and scrolling up/down while hideonScroll is set to true. When the BottomAppBar hides from the screen, it returns resized…
4
votes
1 answer

BottomAppBar item on right side

I would like to use a BottomAppBar with a FAB in center mode. i have 4 item to show and want to split like Is that possible ? if so : how ? EDIT: I found the solution here : How to make Bottom AppBar like Google Home App?
3
votes
2 answers

How make Bottombar with custom shape fab button?

I want to make a bottombar with attach fab button like given below image. If anyone knows about that type of different shape button library with a bottom with fab then suggest to me. The image is given below make a bottombar with fab like this.
3
votes
2 answers

Null NavHostFragment/NavController with FragmentContainerView

Expected Create bottom app bar navigation using Navigation UI's BottomNavigationView and FragmentContainerView similar to the sample app NavigationAdavancedSample. Note, NavigationAndvancedSample app does not appear to use the same implementation…
3
votes
3 answers

My BottomAppBar is covering the last row in my RecyclerView

My reclerview's last row is being covered by my bottom app bar. My code is as follows: activity_home.xml
3
votes
1 answer

FloatingActionButton too high over BottomAppBar

I added a FAB to a BottomAppBar from API 28 like in the XML below. The problem is that it floats too high above the bottom bar instead of sitting in the cradle. There is no change if I set app:fabCradleVerticalOffset to 0dp.
3
votes
1 answer

Implementing app:hideOnScroll for BottomAppBar in Android

I have an app with the one Activity, many Fragments model, where several Fragments have a RecyclerView to show cards with content. I also have implemented the BottomAppBar from Material Design 2.0, and everything is fine except when the AppBar…
1
2
3
9 10