How to implement the navigation bar goodness?

I want to get this result.

Here is my current code:

       bottomBar = BottomBar.attach(this, savedInstanceState);

        bottomBar.setItemsFromMenu(R.menu.bar, new OnMenuTabSelectedListener() {
            @Override
            public void onMenuItemSelected(int resId) {

            }
        });
        bottomBar.mapColorForTab(0, ContextCompat.getColor(this, R.color.primary_dark));
        bottomBar.mapColorForTab(1, ContextCompat.getColor(this, R.color.md_teal_600));
        bottomBar.mapColorForTab(2, ContextCompat.getColor(this, R.color.md_red_500));
        bottomBar.mapColorForTab(3, ContextCompat.getColor(this, R.color.md_blue_grey_500));

But the result of this code is a black navbar.

What am I missing?

[roughike]

You could try bottomBar.attach(findViewById(R.id.sv_items_wrapper), savedInstanceState). If that doesn’t work, try attaching it to different views you have.

If this doesn’t work, let me know and I’ll try my best to fix it during this weekend.

Right now I have some important business (=getting shitfaced with cheapest possible beer) to do, but I’ll get back to you in a couple days.

[roughike]

Looks like it’s not drawing behind the Navigation Bar on that device.

I probably know the solution for this problem, and I’ll fix this in a couple days.