Скачать или смотреть How to Make Bottom Navigation Disappear in Android Fragments

Learn how to hide the `Bottom Navigation` in specific fragments of your Android app using Kotlin. Follow our step-by-step guide for implementation.
---
This video is based on the question https://stackoverflow.com/q/67026476/ asked by the user 'Matheus Finamor' ( https://stackoverflow.com/u/15094448/ ) and on the answer https://stackoverflow.com/a/67027048/ provided by the user 'arkadiuszpalka' ( https://stackoverflow.com/u/15521200/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: BottomNavigation GONE

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Make Bottom Navigation Disappear in Android Fragments

When building Android applications with multiple fragments, you may encounter situations where the user interface needs to change significantly based on the context. One common challenge is managing the visibility of the Bottom Navigation bar when navigating between different fragments. In this post, we will explore how to effectively hide the Bottom Navigation in certain fragments using Kotlin.

The Problem

In your Main Activity, you have set up a Bottom Navigation bar that allows users to switch between different sections of the app. However, when users navigate to specific fragments—such as a login or details screen—you might want to hide the Bottom Navigation to create a more focused experience.

Example Code

The following is an example of an Android MainActivity and a fragment where you want the Bottom Navigation to be hidden:

[[See Video to Reveal this Text or Code Snippet]]

The Solution

To manage the visibility of the Bottom Navigation, you can use the NavController to listen for destination changes and toggle the navigation bar's visibility based on the fragment the user is navigating to.

Implementation Steps

Define Your Fragments: Start by defining which fragments should display the Bottom Navigation. You can maintain a set of top destination IDs—these are fragments where the navigation should be visible.

[[See Video to Reveal this Text or Code Snippet]]

Add a Listener: In the configNavController method, add a listener to the NavController that will check if the current destination's ID is part of your defined set.

Toggle Visibility: Based on whether the current destination is in the list, set the visibility of the Bottom Navigation.

Sample Code

Here's how the modified MainActivity code would look, including the visibility logic for the Bottom Navigation:

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

By following these steps, you can easily control the visibility of the Bottom Navigation bar in your Android app based on the currently displayed fragment. This enhances the user experience by allowing focused interactions in specific parts of your application, ensuring that users are not distracted by navigation options that are not relevant to their current task.

Now you can implement this functionality in your app and provide your users with a seamless experience while navigating through different fragments!