BottomNavigation | bottom navigation for android , label , icon and badge | Icon library

During one of the launches of the application, log issued such a stack of errors:

How to create BottomNavigation with one of the item is larger than the parent, but without using floatingActionButton. For example like this:

I tried to do that by wrapping the icon with Box but it get cut like this:

Then i try to separate that one button and use constraintLayout to position it, but the constraintLayout cover the screen like this. Even when i color it using Color.Transparent, it always feels like Color.White (i dont know why Color.Transparent never work for me). In this picture i give it Red color for clarity reason.

So how to do this kind of bottomNavBar without having to create heavy-custom-composable?

Update: so i try to make the code based on MARSK and Dharman comment (thanks btw). This is what i

I was trying like in another answers to use res > new > Batch Drawable Import but it still does not work. How to solve that?

It looks like this:

My main_layout.xml

I am designing a shopping app via Kotlin & Firebase. I am using recycler view in an inbuilt fragment . There is one activity which is responsible for multiple fragments , for example one fragment is responsible for displaying orders , one fragment is responsible displaying all products etc. I get all my data from firebase & display it in fragments via a recycler view. The issue is that the recycler view scrolls but it does not scroll to the end of the page. Can someone guide me. I have attached two screenshots

(Recycler view does not scroll to the end of the last child i.e "TAP TO KNOW MORE" textview is not visible for the last element of recycler view, it just stops scrolling)

This is how my activity is designed ->

I've a fragment where I need to show progress bar on click of a button and remove the progress bar after successful completion of the task.

This is my fragment class' onCreateView method

I am using bottom navigation for single activity.

What I'm trying to do is do various screen transitions through the bottom menu (fragment). And we are implementing a function to switch screens without moving the menu on the switched screen.

I've considered using the BottomNavigation Activity provided by Android (probably the JetPack navigation component).

However, I saw that there were many problems with this component. Especially the NavController.

For example, when i switch screens and then come back, i have to manually restore the view state.

Because NavController uses replace() instead of show/hide, so I've been told so

In addition to these problems, using FragmentManager and show/hide is more recommended, is it true?

So I'm currently using setOnNavigationItemSelectedListener, but it's actually more difficult because I'm implementing the screen transition myself.

How do I fix the topbar and bottombar doesn't fill up its container. The topbar and bottombar uses the default Elevation respectively

You can see the Top bar doesn't fill max width and it got shadows, while the bottom bar have the text its own compose

i am using this library to make the same bottom navigation but when i click on item the icon will disappear, here is my code

activity_main:

I'm looking forward to a way to implement a Collapsing effect while scrolling on LazyColumn list. I have been checking the docs but I didnt found nothing related. How can I implement it?

At the moment I'm using a BottomNavigation setted inside my Scaffold and I can add the inner paddings to the screen coming from the scaffold content lambda. But I didn't find any kind of scrollable state or something close to it.