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

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 the bottom bar. (The white color in the cut out…
2
votes
1 answer

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 buttons, such a ripple is in the bottom appbar (not…
2
votes
1 answer

Android: Problem in Transparent Bottom Navigation inside the Bottom App Bar

I am trying to achieve this kind of Bottom App Bar. I manage to do this. Then I put app:backgroundTint="@android:color/transparent" in Bottom navigation but it turns out as shown below. It's not that properly set as transparent. Layout…
2
votes
0 answers

how to replace selected item icon with text in bottomNavigationView or bottom appbar in android

I'm trying to implement this design in android using BottomNavigationView and I've stuck in how to replace the selected item icon with text, I've asked my friend and he told me I can do it using a bottom appbar or using a custom layout with…
2
votes
1 answer

Android TabLayout With Viewpager Inside CoordinateLayout With BottomAppBar

I am using TabLayout with ViewPager which are inside the CoordinatorLayout. Here I also have a BottomAppBar With A FAB. Below is the picture of the layout. MainActivity Layout Here is my xml code for this layout.
2
votes
1 answer

How to inflate two different menus for a Toolbar and a BottomAppBar

The following causes a post-install crash in emulator. No debug info shown. package com.example.myapplication; import android.os.Bundle; import com.google.android.material.bottomappbar.BottomAppBar; import…
2
votes
1 answer

How to add multiple rows to bottom app bar

Can I modify bottomappbar in flutter to look like this or should I use container to have multiple buttons like this.. I've tried it using bootomappbar But I don't know how to have multiple rows. BottomAppBar( child: Container( …
Axen_Rangs
  • 261
  • 7
  • 19
2
votes
2 answers

Impossible to display BottomNavigationBar in flutter

I have an issue about to display Bottom Navigation Bar. I don't understand why I have no issues in the console. class MyApp extends StatefulWidget { @override State createState(){ return _MyAppState(); } } class…
Micipsa
  • 97
  • 1
  • 10
2
votes
1 answer

How can I add navigation routes to flutter bottom navigation routes

this is the code I have edited to date. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); /// This Widget is the main application widget. class MyApp extends StatelessWidget { static const String _title = 'Flutter Code…
mrtncth
  • 49
  • 1
  • 2
  • 10
2
votes
1 answer

How to get shared preferences data before widget build?

I have a few textfields with hint text and bottom navigation. Text entered into the textfield (in Page 1) will be saved to shared preferences "on changed". When I click on the bottom navigation next page (Page 2) and back to Page 1 again, it seems…
speedlight
  • 313
  • 1
  • 6
  • 15
2
votes
1 answer

How to Force Show BottomAppBar - Android

How can i force to show the BottomAppBar? I am using a viewpager and my BottomAppBar has hideOnScroll attribute. My first tab in viewpager is scrollable. Once I scroll down on my first fragment the bottom appbar dissapears, then when I go to the 2nd…
2
votes
1 answer

BottomAppBar Navigation Icon with Badge

I am using the new BottomAppBar in an app. But I can't make the badge to work. I tried using the same logic used on BottomNavigationView, but it is not working.(In another app I have a BottomNavigationView inside a BottomAppBar where the badge…
DValdir Martins
  • 159
  • 4
  • 14
2
votes
1 answer

App freezes forever when Fragment get's displayed

Since I implemented a BottomAppBar my App isn't responding when a certain Fragment should get displayed even though I haven't changed anything. There isn't an error message either and all other Fragments which are getting displayed when another item…
eli2003
  • 400
  • 5
  • 13
2
votes
1 answer

Android material components bottom app bar cut off

I have tried to implement the material components bottom app bar, following these guidelines and doing a refactor to AndroidX + updating my AppTheme. Material components - bottom app bar So far so good, all working, but the button is cut off in my…
2
votes
1 answer

How to implement BottomAppBar for Android?

I'm attempting to implement a BottomAppBar like the one in the Android docs: Android BottomAppBar And this is the closest I've been able to come: I'd like to have the title bar on the drawer like the Android one has, as well as the ability to…
1 2
3
9 10