Bottom bar falls to low behind the navigation bar

I’m sure I did something wrong but I can’t figure out what.

I have this XML:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    android:id="@+id/main_coordinator_layout"
    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:fitsSystemWindows="true"
    tools:context=".app.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:animateLayoutChanges="true"
        android:fitsSystemWindows="true">
...
    </android.support.design.widget.AppBarLayout>

    <FrameLayout
        android:id="@+id/main_fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

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

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

This is the code I use:

CoordinatorLayout coordinatorLayout = (CoordinatorLayout) findViewById(R.id.main_coordinator_layout);
mBottomBar = BottomBar.attachShy(coordinatorLayout, findViewById(R.id.main_fragment_container), savedInstanceState);
final OnMenuTabClickListener listener = new OnMenuTabClickListener() {
    @Override
    public void onMenuTabSelected(@IdRes int menuItemId) {
        displayFragment(menuItemId, null);
    }

    @Override
    public void onMenuTabReSelected(@IdRes int menuItemId) {
        // The user reselected item number one, scroll your content to top.
    }
};
mBottomBar.setItemsFromMenu(R.menu.bottom_tab_bar, listener);

mBottomBar.mapColorForTab(0, ContextCompat.getColor(this, R.color.colorAccent));
mBottomBar.mapColorForTab(1, 0xFF5D4037);
mBottomBar.mapColorForTab(2, "#7B1FA2");
mBottomBar.mapColorForTab(3, "#FF5252");

This is the result I get:

I have tried all combinations of noTopOffset, noNavBarGoodness, fitsSystemWindows… I can’t get the bottom bar to be:

• shy
• over the transparent navigation bar

Note that this has been taken with a Nexus 5X running N.

[neryortez]

No, @BenoitDuffez, you can always use your FrameLayout as always, just inside the NestedScrollView. So inside onMenuTabReSelected() you can get hold of thr FrameLayout and use a FragmentTransaction to replace the content of your FrameLayout (I think that’s what you already have on your display fragment() function)

Does it make it clearer?

[ognev-zair]

Try to use the latest version (currently 2.0.2) In this version this bug was fixed.