Propper support to NavController

[ismaeldivita]

[NIkhilbadveli]

I pulled off a small trick to do this. You need to do it this way:

1. Create a bottomnavigation view in xml file like this and set its visibility to "Gone". <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottomNav" android:layout_width="match_parent" android:layout_height="wrap_content" android:visibility="gone" app:menu="@menu/bottom_menu" />
2. And then do it like this in your activity file. val navController: NavController = Navigation.findNavController(this, R.id.fragment) val bottomNavigationView: BottomNavigationView = findViewById(R.id.bottomNav) val chipNavigationBar: ChipNavigationBar = findViewById(R.id.chip_nav) chipNavigationBar.setOnItemSelectedListener { itemId -> bottomNavigationView.selectedItemId = itemId } NavigationUI.setupWithNavController(bottomNavigationView, navController)

What I'm doing is making android think that there's a bottomnavigation that's changing it's state whenever we click on our chip navigator here.

Try this and let me know if it solves your problem.

[jafar260698]

it is not working for me

[shivjyotigarai]

I pulled off a small trick to do this. You need to do it this way:

1. Create a bottomnavigation view in xml file like this and set its visibility to "Gone". <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottomNav" android:layout_width="match_parent" android:layout_height="wrap_content" android:visibility="gone" app:menu="@menu/bottom_menu" />
2. And then do it like this in your activity file. val navController: NavController = Navigation.findNavController(this, R.id.fragment) val bottomNavigationView: BottomNavigationView = findViewById(R.id.bottomNav) val chipNavigationBar: ChipNavigationBar = findViewById(R.id.chip_nav) chipNavigationBar.setOnItemSelectedListener { itemId -> bottomNavigationView.selectedItemId = itemId } NavigationUI.setupWithNavController(bottomNavigationView, navController)

What I'm doing is making android think that there's a bottomnavigation that's changing it's state whenever we click on our chip navigator here.

Try this and let me know if it solves your problem.

@NIkhilbadveli can u plz write the code in activity file (2) in java plz

[NIkhilbadveli]

It's pretty straightforward... maybe try online for converting kotlin code to java

[shivjyotigarai]

Just facing issue with this line...chipNavigationBar.setOnItemSelectedListener { itemId -> bottomNavigationView.selectedItemId = itemId }. @NIkhilbadveli

[shivjyotigarai]

@NIkhilbadveli which itemId is referred above

[NIkhilbadveli]

.setOnItemSelectedListener(new ChipNavigationBar.OnItemSelectedListener() { @Override public void onItemSelected(int id) { // TODO } });

Try it this way.

[shivjyotigarai]

.setOnItemSelectedListener(new ChipNavigationBar.OnItemSelectedListener() { @override public void onItemSelected(int id) { // TODO } });

Try it this way.

thx

[NIkhilbadveli]

itemId is the id of the selection in chip navigation bar. I'm taking that and passing it to bottomnavigationview, which actually does the navigation.

[Suret1]

I pulled off a small trick to do this. You need to do it this way:

1. Create a bottomnavigation view in xml file like this and set its visibility to "Gone". <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottomNav" android:layout_width="match_parent" android:layout_height="wrap_content" android:visibility="gone" app:menu="@menu/bottom_menu" />
2. And then do it like this in your activity file. val navController: NavController = Navigation.findNavController(this, R.id.fragment) val bottomNavigationView: BottomNavigationView = findViewById(R.id.bottomNav) val chipNavigationBar: ChipNavigationBar = findViewById(R.id.chip_nav) chipNavigationBar.setOnItemSelectedListener { itemId -> bottomNavigationView.selectedItemId = itemId } NavigationUI.setupWithNavController(bottomNavigationView, navController)

What I'm doing is making android think that there's a bottomnavigation that's changing it's state whenever we click on our chip navigator here.

Try this and let me know if it solves your problem.

hi. should i do this? it didn't work for me too. I will be glad if you help me

[DevLuke67]

Just facing issue with this line...chipNavigationBar.setOnItemSelectedListener { itemId -> bottomNavigationView.selectedItemId = itemId }. @NIkhilbadveli

Thanks!

[OmarELRayes]

but how do you handle "back" with it , chip navigation view doesn't update its items

[NIkhilbadveli]

If you set the chip navigation item whenever there's a navigation change, then it should work. //Changing chip navigation selection on change navController.addOnDestinationChangedListener { _, destination, _ -> chipNavigationBar.setItemSelected(destination.id) }

[tolgaerbas1]

Is there any update on Navigation support?

[saurabhthesuperhero]

So

If you set the chip navigation item whenever there's a navigation change, then it should work. //Changing chip navigation selection on change navController.addOnDestinationChangedListener { _, destination, _ -> chipNavigationBar.setItemSelected(destination.id) }

OMG thanks so all the above worked properly as you mentioned.

[alpeshSolanki7271]

when I back press at last position ..fragment changed but icon not change..