MaterialToolbar | Material Design Toolbar library with smooth transitions | Navigation library

I'm making a detail view with a CoordinatorLayout with a header image to which I want to apply rounded edges in the view that has the NestedScrollView, something like this:

I'm making a detail view with a CoordinatorLayout with a header image to which I want to apply rounded edges in the view that has the NestedScrollView, something like this:

I'm following the material3 spec, using the android material components lib, and implementing light and dark themes.

I have a ConstraintLayout acting as a BottomSheet, and its background color should be affected by the elevation overlay tint. BottomSheets are on the list of material components implementing elevation overlay, but mine is keeping its default color, colorSurface, instead of becoming lighter in dark mode :

(The color doesn't change when the BottomSheet is expanded.)

The only thing that defines my ConstraintLayout as a BottomSheet is the layout_behaviour attribute, and I'm wondering how this could actually impact background color. Are BottomSheets only present on the previous list for their modal variant ?

If so, how would one implement the elevation overlay on a whole ConstraintLayout ? Through an ElevationOverlayProvider, as suggested by the second page linked above ?

Here is the simplified layout of my main Activity :

I'm beginner in android programming and I want to know how to make an OneUi styled navigation like in this picture.

This is what I made so far. Unfortunately, when I scroll it, it will totally collapse and I cannot get it back.

I used CoordinatorLayout with AppBarLayout and I follow some code from material.io guidelines but it did'nt work as I expected. I want the app bar to be short when scrolled and tall when it is on the top.

Here is my XML Layout Code:

picture

I am having this issue that there is blank space over the top app bar which is supposed to be at the top. Anchoring it to the top doesn't help, "android:fitsSystemWindows="true"" as well.

The structure of my file: CoordinatorLayout with MaterialToolBar(problem) - NestedScrollView - CoordinatorLayout with scrollabel content in it

My code:

I'm able to add a message to firestore when I clicked the send button in the chatroom, but the recyclerview doesn't update in realtime so the new message doesn't appear. The message does appear when I reopen the chatroom which isn't best pratice. Normally FirestoreRecyclerAdapter should automatically updated the query when changes are made and update the recyclerview. I'm working in Android Studio with Java and using fragments instead of activities.

ChatRoomFragment:

I have some strange "glitch" and refresh issues with my application, using jetpack navigation library (2.3.5), Material Toolbar and view bindings.

The demo scenario is the following: a simple navigation between 3 different fragments.

Each "Note" is differently "added" to "Folders" or should I say, different checked "Folders" for each "Note".

When I check the "Folder", go back to previous Notes activity with back button, then open the same "Note" to go to "Add to Folders Activity" and add the "Note" to Folders, it should remember that previously checked "Folder" and recheck it.

I have already implemented that functionality, inside onBindViewHolder and in FolderHolder(RecyclerView Holder).

The problem is when multiple "Folders" exist in recyclerview when I uncheck the checkbox, then scroll down, then back up, the unchecked folder rechecks itself as it was.

I understand that onBindViewHolder gets called every time on scroll and recycling views thus checked "Folder" gets rechecked on scroll.

I want to check the already before checked folders, on activity start-up, just like now, but without rechecking them on scroll.

Please can you suggest me a code to this? I would really appreciate this!

My recyclerview adapter:

I am trying to implement CastSdk to app in which I use MaterialToolbar.

So after couple tries to add CastButton to my material toolbar I finally end up with a button on it but greyed out...

At first I thought it is because wrong receiver app id, maybe a problem in manifest file. But it turned out that the problem is with MaterialToolbar. Migrating to appcompat toolbar fixes this problem, but what if I don't want to migrate to it from materialToolbar?

Code with greyed out button on materialToolbar:

In MainActivity:

I have implemented an EndlessScroll for RecyclerView (Only Images in it) or we can say Pagination but after implementing it I don't know why the images are not loading up from Firebase

So I tried to include a placeholder image from my adapter class but the default placeholder image is not showng up too

BTW before asking this SO Q I asked a Q to how to implement Pagination with StaggeredGridLayoutManager but after implementing the answer to my Orignal question there are no errors but the images are showing up This is the Question link for reference on how I implemented the pagination in my recycler view - How to implement endless scroll (pagination) in recyclerview with StaggeredGridLayoutManager

Here is the code

Home_Fragment.java // for those who are referencing my original question which I put a link above,this is a different fragment than my original question in the original question I have included Profile_Fragment.java, but because that file is much longer,I have included this because it has less code compared to the orignal