How to add a simple 8dp header/footer to Android's RecyclerView?

Question

Is there a way to add a simple header/footer to a RecyclerView?

Here you can see what I've got. The first Card touches the Toolbar This is what I've got

And here you can see what I would like to achieve:
8dp Padding between the bottom and the Card.
This is what I want to have

Methods I tried so far:

Use a header view in my recyclerview. But I think it is very inefficient to do this for every recyclerview.

use a 8dp top margin which results in the problem that the recyclerview has white bars on top/bottom when scrolling.

add a padding to the list item which results in different margins between the outer and inner cards.

I'm sure that there is a simple solution which I don't know so far.

florianmski · Accepted Answer · 2015-03-11T22:33:04.427

441

Adding a top padding and setting clipToPadding to false will do the trick.
Something like this:

  <android.support.v7.widget.RecyclerView
    android:id="@+id/recyclerview"
    android:paddingTop="8dp"
    android:clipToPadding="false"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

edited Mar 11 '15 at 22:33

answered Mar 11 '15 at 22:12

florianmski

5,603
1
17
14

11

Works for the top, but for some reason not the bottom. – Jade Sep 25 '15 at 16:31
4

Which version of the support library are you using? Setting paddingBottom works fine for me. – Estel Sep 28 '15 at 10:52
2

doesnt work for me either on api 23. I am trying android:paddingBottom="8dp" android:clipToPadding="false" – techtinkerer Jun 01 '16 at 20:32
@Benjamin, have you found any solution to paddingBottom? – eskalera Aug 02 '16 at 10:23
This answer is correct, a better explanation can be found here: http://stackoverflow.com/a/33754618/1932522 – Peter Aug 18 '16 at 21:16
1

paddingBottom Works for me, recyclerview-v7-25.3.1 – Nino van Hooff Jul 27 '17 at 10:44
@eskalera check my answer for paddingBottom – Greg Ennis Sep 15 '17 at 13:06
2

This solution clips the scrollbar, though. Any solutions to that? – Sebastian Nov 10 '17 at 08:45
5

Edit: to prevent this add `android:scrollbarStyle="outsideOverlay"` – Sebastian Nov 10 '17 at 08:53
Wonderful answer! `android:clipToPadding` does the trick. I needed a custom implementation such that, my`RecyclerViewRecyclerView` has padding from the title above, but can be seen scrolling title which has alpha added to it. – sud007 Feb 28 '19 at 14:29
Thnx,best answerr – Тони Aug 08 '19 at 22:16

score 3 · Answer 2 · answered Sep 15 '17 at 13:05

3

If you are using a RecyclerView with a layout_weight, and paddingBottom is not working for you, making sure you set the layout_height to 0dp! Otherwise, strangely, paddingTop works but paddingBottom does not:

<android.support.v7.widget.RecyclerView android:id="@+id/recycler"
    android:paddingBottom="20dp"
    android:clipToPadding="false"
    android:layout_weight="1"
    android:layout_width="match_parent"
    android:layout_height="0dp" />

answered Sep 15 '17 at 13:05

Greg Ennis

14,917
2
69
74

2

Setting the height to 0dp makes the view disappear. Am I missing something here? – Sagar Feb 20 '18 at 20:18
Just remove weight="1" and set layout_height to match_parent – Mike Jul 09 '18 at 10:57

How to add a simple 8dp header/footer to Android's RecyclerView?

2 Answers2