BottomNavigation View OnNavigationItemSelectedListener is deprecated

Question

I am trying out the Android's BottomNavigationView implementation as per Material Design

However, on the MainActivity code I am getting a warning that OnNavigationItemSelectedListener is deprecated - see the below snapshot

Have tried get an alternative method to work with the BottomNavigationView but I cannot find it.

Looking for help from anyone with a way out but in the meantime I have matched my BottomView's menu items ids with the fragment destination ids and I successfully achieved Navigation but with a limitation of not being able to update my toolbar title with the Fragment's name.

score 65 · Accepted Answer · edited May 22 '23 at 17:36

65

Just use the OnItemSelectedListener interface:

kotlin

bottomNavigationView?.setOnItemSelectedListener { item ->
    // do stuff

    return@setOnItemSelectedListener true
}

Java

bottomNavigationView.setOnItemSelectedListener(item -> {
    // do stuff

    return true;
});

edited May 22 '23 at 17:36

Boken

4,825
10
32
42

answered May 22 '21 at 12:17

Ali Moghadam

1,026
1
9
8

score 18 · Answer 2 · answered Jul 05 '21 at 09:50

  binding!!.bottomNavigationView.setOnItemSelectedListener{
        when (it.itemId) {
            R.id.home_menu -> {
                openFragment(HomeFragment.newInstance("", ""))
                return@setOnItemSelectedListener true
            }
            R.id.deals -> {
                openFragment(DealFragment.newInstance("", ""))
                return@setOnItemSelectedListener true
            }
            R.id.history -> {
                openFragment(HistoryFragment.newInstance("", ""))
                return@setOnItemSelectedListener true
            }
            R.id.page_2 -> {
                openFragment(AccountFragment.newInstance("", ""))
                return@setOnItemSelectedListener true
            }
        }
        false
    }

Try this!!.

home_menu click perfect but when i clicked on deal/second menu icon color not changed why? — Arbaz.in, Jul 20 '21 at 06:42

score 5 · Answer 3 · edited Dec 30 '21 at 16:36

5

You can use Bubble Navigation insted of BottomNavigationView.

Bubble Navigation is a light-weight library to easily make beautiful Navigation Bars with a ton of customization options.

edited Dec 30 '21 at 16:36

Ola Ström

4,136
5
22
41

answered Dec 27 '21 at 19:35

Ali Salehi

164
2
9

2

Looks awesome though a third party lib. – Tonnie Dec 28 '21 at 16:03
1

Cool library that I haven't seen before. – DIRTY DAVE Dec 30 '21 at 19:29

score 4 · Answer 4 · answered Sep 11 '21 at 20:45

This is a solution for Kotlin. Make sure to return@setOnItemSelectedListener true, this line of code change the color of menu items in your navigation view.

bottomNavigationView.setOnItemSelectedListener {
        when (it.itemId) {
            R.id.firstId -> {
                // Write your code here
            }
            R.id.secondID-> {
                // Write your code here
            }
        }
        return@setOnItemSelectedListener true
    }

score 4 · Answer 5 · answered Oct 16 '21 at 08:24

OnNavigationItemSelectedListener is now deprecate use setOnItemSelectedListener below some example -

bottomNav.setOnItemSelectedListener(new NavigationBarView.OnItemSelectedListener() {
            @SuppressLint("NonConstantResourceId")
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {

                switch (item.getItemId()) {
                    case R.id.bottom_m_home:
                        viewPager.setCurrentItem(0);
                        break;
                    case R.id.bottom_m_reward:
                        viewPager.setCurrentItem(1);
                        break;
                    case R.id.bottom_m_wallet:
                        viewPager.setCurrentItem(2);
                        break;
                    case R.id.bottom_m_share:
                        viewPager.setCurrentItem(3);
                        break;
                    default:
                        viewPager.setCurrentItem(0);
                }
                return true; // return true;
            }
        });

score 2 · Answer 6 · answered Dec 17 '22 at 19:53

I couldn't get setOnItemSelectedListener to work since I was also using setupWithNavController so I switched to addOnDestinationChangedListener and it worked.

navController.addOnDestinationChangedListener((controller, destination, arguments) -> {
     if(destination.getId()==R.id.menu_item_id){
      //navigate to other activity
     }
})

SOURCE

BottomNavigation View OnNavigationItemSelectedListener is deprecated

6 Answers6