How to have two recyclerview (horizontal first then vertical) in the same Layout with smaooth scroll

Question

I have two recyclerview (horizontal first, then vertical) in the same layout, I want the two to scroll up together so I used NestedScrollView but it come with some serious scrolling issue. It lag and cause crash some time.

I already saw some folks suggested using nestedScrollingEnabled = "false" in the RecyclerView but I already tried and nothing still no result.

Any idea on how to achieve this ?

Here's the xml btw

<LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/appbar"
            android:clipToPadding="false"
            android:orientation="vertical">

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/stories_recycler_view"
                storiesData="@{viewModel.stories}"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:clipToPadding="false"
                android:orientation="horizontal"
                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
                tools:listitem="@layout/item_story" />

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/posts_recycler_view"
                feedListData="@{viewModel.entries}"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:clipToPadding="false"
                android:orientation="vertical"
                app:stackFromEnd="true"
                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
                app:paddingBottomSystemWindowInsets="@{true}"
                app:paddingTopSystemWindowInsets="@{true}"
                app:reverseLayout="true"
                tools:listitem="@layout/item_text_post" />

        </LinearLayout>

check this http://infiniteloops.info/2016/09/21/two-or-more-recyclerview-in-single-layout-scroll-smooth/ — keshav kowshik, Apr 16 '20 at 17:39

score 0 · Answer 1 · answered Apr 16 '20 at 18:52

0

post your XML code and what did you mean by both scrolling up? horizontal views don't go upwards

answered Apr 16 '20 at 18:52

Yuza

19
5

score 0 · Answer 2 · answered Apr 17 '20 at 06:02

 <androidx.core.widget.NestedScrollView
android:id="@+id/nested_scroll"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true">

<LinearLayout>
...
Add `android:nestedScrollingEnabled="true"` in both Recyclerview Tag...<br>
...
</LinearLayout>

<androidx.core.widget.NestedScrollView/>

How to have two recyclerview (horizontal first then vertical) in the same Layout with smaooth scroll

2 Answers2