BottomNavigation | An implementation of the Material Design Bottom Navigation | Android library

I have an Android application with Bottom Navigation Bar. In the Main Activity I have a floating button and when I press it, I would like to open a Fragment (or another activity?) that will cover the whole screen (the Bottom NavBar and other content will be below my new opened fragment). I would like to add that this newly opened fragment will be used for adding some item and when the user fills all fileds like name, weight etc. and click "add", the fragment should be closed and we should see our bottom nav bar with its' fragments.

Could you provide the solution to my problem? I would be grateful for some code enabling to do this!

Here are the most important parts of my code:

activity_main.xml:

[![enter image description here][2]][2]The bottom navigation view is not showing the icons in it, in the live- design view of the android studio as of material io 1.5.0. and I see on my previous projects that in material io 1.3.0 it's working on old but not in the new version.

I am just seeing an empty bottom navigation bar, and nothing on it. I will really appreciate your help in this regard.

here is the code XML:

I am creating an app that contains BottomNavigationView, but after updating the library com.google.android.material:material:1.5.0 my app shows labels over icons.

The layout for BottomNavigationView:

I am using a BottomNavigation with 4 composables. All of them have a LazyColumn with each item in the LazyColumn having an image populated from the network using Coil for Jetpack Compose. Similar to Twitter/YouTube.

When I navigate between these items, the composables get destroyed and recompose only when navigated back to them. Even the coil images are cleared and re-fetched (from memory or local storage) when navigated between these composables. This is of course the expected behavior.

The problem is that this is causing the navigation between them to be too slow. Coil images take about 400ms to 700ms to load the image for every navigation. Apps like YouTube/LinkedIn are literally instant in their BottomBar navigations.

When I was using XML for this, I would make the fragments(used as bottom nav items ) with an appear/disappear logic to avoid this time delay while navigating between them.

How do I achieve the same with Compose ?

I am using the following versions:

I am trying to apply Jetpack Compose navigation into my application.

My Screens: Login/Register screens and Bottom navbar screens(call, chat, settings).

I already found out that the best way to do this is using nested graphs.

But I keep getting ViewModelStore should be set before setGraph call exception. However, I don't think this is the right exception.

My navigation is already in the latest version. Probably my nested graph logic is not right.

Requirement: I want to be able to navigate from the Login or Register screen to any BottomBar Screen & reverse

I need to hide center bottom tab in the bottom navigation while launching the app. Here I have tried to remove the tab. It worked in potrait mode, But in the landscape mode, to hide the tab bar in UI.

My app has a main screen with a Scaffold and a BottomNavigation bar:

Ive recently started programming in android studio for a school project, and i cant seem to get this bottom navigation working. I've watched multiple video's on how to make a navigation using fragments. The problem is that everytime i try to navigate to a fragment it will make the icon go selected, but it won't render the fragment itself

Menu items

Main activity

I'm trying to make a bottomnavigation bar where the middle icon is my own icon which should be clickable and should fit in like this

In menu dir i made bottom_navigation.xml where lines responsible for the icon i want are :