views-widgets-samples | Multiple samples showing the best practices | Android library

I have a ViewPager2 with TabLayout. I'm trying to set the height of the ViewPager2 dynamically based on its content. I have checked some related questions like this and this. Actually, the latter is helped me but it is not working properly. When I navigate into DetailsFragment I'm getting data from the network as follow:

DetailFragmentViewModel

I have a view hierarchy as shown in the image below.

I'm getting strange scroll behaviors like,

1. If I scroll (drag slowly or fling) from Area 1 the AppBar collapses along with it. This is fine.
2. But if I drag slowly from Area 2 the AppBar does not collapse. It stays there and RecyclerView goes beneath it. However, it works fine with a fling.

activity_challenge_detail.xml

I'm trying to make a simple chat room in android studio, but for some reason each chat message covers the entire screen.

I'm trying to follow the example here on github https://github.com/android/views-widgets-samples/tree/main/RecyclerView/

I'm sure it's just something super simple, but I don't know what the search terms are to find it, and my search so far has been fruitless.

This is my chat room activity:

I have three states A, B, C.

With OnSwipe I go from A to B and then with another OnSwipe from B to C.

The directions of the swipes are the same. So, continuous dragging from state A should eventually go to state C.

The problem I face is transition is not smooth. There is a stop at the end of the first transition. Sometimes it works smoothly when I drag fast(?). But generally, there is a freeze in the middle of two transitions.

Is there any way to get rid of this freeze?

For reference, I am just testing samples given by Google team. Two transitions are given as below