RecyclerView below LinearLayout in ScrollView

Question

For my app I have to show a list of data (100 items) in a fragment and there has to be some text and an image above it. This all has to be in a single ScrollView so you can scroll in the whole page and not just in the list of data.

When I don't use the ScrollView it's only possible to scroll in the RecyclerView but the user needs to scroll over the complete page.

  Scrollview
|------------|
|            |
|    text    |  <-- LinearLayout
|            |
|------------|
|            |
|    list    |  <-- RecyclerView, longer than screen height
|            |
|------------|

So how can I make it this way without making giving the list the height of all the items combined. This won't be an option because I need to load data from an API that paginates the results (15 results per API call)

Ravi Theja · Accepted Answer · 2016-03-29T11:48:01.163

2

Use CoordinatorLayout and Recyclerview to achieve this. Or you can add the top view as header to RecyclerView instead of using recyclerview in ScrollView which does not work as intended until you fix the height of the RecyclerView

UPDATE :

Please follow this link for sample implementations using design library.

edited Mar 29 '16 at 11:48

answered Mar 29 '16 at 11:17

Ravi Theja

3,371
1
22
34

How would I achieve this by using a CoordinatorLayout? – Bart Bergmans Mar 29 '16 at 11:42
Went for the header approach. Thanks! – Bart Bergmans Mar 29 '16 at 13:59

score 1 · Answer 2 · edited May 23 '17 at 12:02

1

You might want use the LinearLayout with the text and image as a header view inside the RecyclerView and drop the ScrollView.

This post explains how to create a header view in a RecyclerView: https://stackoverflow.com/a/26573338/4605725

edited May 23 '17 at 12:02

Community

1
1

answered Mar 29 '16 at 11:18

Dmitri Timofti

2,428
1
22
25

RecyclerView below LinearLayout in ScrollView

2 Answers2