How to hide the bottom navigation bar in certain fragments?

Question

I have An activity with a navGraph and a bottom Navigation bar with 2 menu items. My problem is that My Bottom Navigation Bar appears everywhere, detailFragment, aboutFragment, signInFragment and so on.


        val navController = this.findNavController(R.id.myNavHostFragment)

        val appBarConfiguration = AppBarConfiguration.Builder(
            R.id.contactsFragment,
            R.id.profileFragment
        ).build()

        NavigationUI.setupActionBarWithNavController(this, navController, appBarConfiguration)

        val navView: BottomNavigationView = findViewById(R.id.nav_view)
        NavigationUI.setupWithNavController(navView, navController)

How do i Limit it to just show on the 2 fragments on my menu Item?

This is how I solved It

    navController.addOnDestinationChangedListener{ _, nd: NavDestination, _->
        if(nd.id == R.id.contactsFragment || nd.id == R.id.profileFragment){
            navView.visibility = View.VISIBLE
        }else{
            navView.visibility = View.GONE
        }

Thank you for editing in the solution, saved me some time! – SlowDeepCoder Mar 01 '21 at 18:45 — SlowDeepCoder, Mar 01 '21 at 18:45
You're welcome @SlowDeep , Happy Coding – Doilio Matsinhe Mar 02 '21 at 19:41 — Doilio Matsinhe, Mar 02 '21 at 19:41

score 7 · Accepted Answer · answered Jun 05 '19 at 13:20

7

For your fragment where it should be visible

navView.visibility = View.VISIBLE

Where it shouldn't be visible

navView.visibility = View.GONE

answered Jun 05 '19 at 13:20

Artem Botnev

2,267
1
14
19

Worked, Thanks, the biggest problem was finding the fragments to set the visibility, ended up using a listener – Doilio Matsinhe Jun 05 '19 at 13:44

score 1 · Answer 2 · answered May 17 '22 at 05:03

Are you trying to hide bottom navigation view from your current fragment, that is in main activity or parent activity. Well it's that easy. Just go to the fragment where you don't want bottom navigation view and paste the following code bellow onCreateView.

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)

    val view = requireActivity().findViewById<BottomNavigationView>(R.id.nav_view)

    val fab = requireActivity().findViewById<FloatingActionButton>(R.id.fab)
    view.visibility = View.GONE
    fab.visibility = View.GONE
}

How to hide the bottom navigation bar in certain fragments?

2 Answers2