How to show Snackbar above Bottombar?

Question

I'm using roughike's BottomBar 2.0: https://github.com/roughike/BottomBar/

When I display a SnackBar, it shows up on the BottomBar itself.

I want it to be drawn above the BottomBar.

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_activity"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/here"
        android:background="#fff">

        <FrameLayout
            android:id="@+id/contentContainer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_above="@+id/bottomBar">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceLarge"
                android:text="Three Buttons Bar"
                android:id="@+id/textView"
                android:layout_centerVertical="true"
                android:layout_centerHorizontal="true"
                android:textColor="@color/colorPrimary"
                android:textSize="35sp" />

        </FrameLayout>

        <com.roughike.bottombar.BottomBar
            android:id="@+id/bottomBar"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_alignParentBottom="true"
            app:bb_tabXmlResource="@xml/bottombar_tabs" />
    </RelativeLayout>

</android.support.design.widget.CoordinatorLayout>

MainActivity.java:

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        BottomBar bottomBar = (BottomBar) findViewById(R.id.bottomBar);
        bottomBar.setOnTabSelectListener(new OnTabSelectListener() {
            @Override
            public void onTabSelected(int tabId) {
                switch (tabId) {
                    case R.id.recent_item:
                        Snackbar.make(findViewById(R.id.main_activity), "Recent Item Selected", Snackbar.LENGTH_LONG).show();
                        break;
                    case R.id.favorite_item:
                        Snackbar.make(findViewById(R.id.main_activity), "Favorite Item Selected", Snackbar.LENGTH_LONG).show();
                        break;
                    case R.id.location_item:
                        Snackbar.make(findViewById(R.id.main_activity), "Location Item Selected", Snackbar.LENGTH_LONG).show();
                        break;
                }
            }
        });
    }
}

Screenshots:

Is anything wrong with the layout file??
What am I missing??

I also checked this: Move snackbar above the bottom bar, but it didn't help..

EDIT:

I tried as Abtin said:

Snackbar.make(bottomBar, "Location Item Selected", Snackbar.LENGTH_LONG).show();

and

<com.roughike.bottombar.BottomBar
            android:id="@+id/bottomBar"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_alignParentBottom="true"
            app:bb_tabXmlResource="@xml/bottombar_tabs"
            app:bb_behavior="underNavbar"/>

Now it has become like this:

As you can see, there's this unused space below the BottomBar when I set app:bb_behavior="underNavbar", which is not I want..

score 10 · Answer 1 · answered Sep 10 '19 at 08:23

10

With the new material design, Snackbars have a new look .. you can show snackbar above BottomBar with this line:

Snackbar snackbar = Snackbar.make(parentView, text, duration);
snackbar.setAnchorView(bottomBar);

This will do the work.

answered Sep 10 '19 at 08:23

Ansshkki

760
8
14

This answer is correct – M.ghorbani Feb 01 '22 at 11:02

score 6 · Answer 2 · edited Aug 13 '18 at 00:11

You should create CoordinatorLayout in xml, from his bottom you wish will be shown SnackBar and give id of the CoordinatorLayout as id of View at fun. make of SnackBar.

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/viewSnack"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="50dp"/>

inside activity:

Snackbar.make(findViewById(R.id.viewSnack), "Text of the SnackBar", Snackbar.LENGTH_LONG).show();

score 0 · Answer 3 · answered Oct 17 '16 at 18:05

0

try changing the view you pass to the snackbar.

Snackbar.make(findViewById(R.id.contentContainer), "Recent Item Selected", Snackbar.LENGTH_LONG).show();

answered Oct 17 '16 at 18:05

Matthew Shearer

2,715
3
23
32

score 0 · Answer 4 · answered Oct 17 '16 at 18:56

0

Depending on how the coordinator layout behavior is implemented you may have to pass the bottom bar view itself to the first argument of Snackbar.make().

Snackbar.make(bottomBar, "Location Item Selected", Snackbar.LENGTH_LONG).show();

The other possibility is that you are missing an attribute for app:bb_behavior on the bottombar widget in the layout.

answered Oct 17 '16 at 18:56

Abtin Gramian

1,630
14
13

Edited the question.. Pls check that – Gokul NC Oct 18 '16 at 06:40

Gokul NC · Answer 5 · 2016-10-18T07:15:32.460

0

I switched from the Roughike's BottomBar 2.0 to Roughike's BottomBar 1.4..

Now it's working as intended (ofcourse the code changes)..

I also tried AHBottomNavigation, it's cool and also working as intended..

I'm not marking this as Answer, since it doesn't answer the question ;)

edited Oct 18 '16 at 07:15

answered Oct 18 '16 at 07:10

Gokul NC

1,111
4
17
39

How did you get it working with AHBottomNavigation? I am using it too, but the snackbar doesn't show above it, but in front of it :( – hildegard Jun 02 '17 at 10:42

score 0 · Answer 6 · answered Jun 25 '20 at 09:06

It is very simple ! in your activity_main.xml declare an ID for your root layout :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:id="@+id/linerMain">

then in view field of Snackbar's make do as bellow:

Snackbar snackbar = Snackbar.make(findViewById(R.id.linerMain),"name",Snackbar.LENGTH_INDEFINITE);

How to show Snackbar above Bottombar?

6 Answers6