How to use androidx.recyclerview.widget.RecyclerView with tools:listitem?

Ksenia picture Ksenia · Aug 4, 2018 · Viewed 35.8k times · Source

How to use androidx.recyclerview.widget.RecyclerView with tools:listitem? I have this layout:

<?xml version="1.0" encoding="utf-8"?>
<androidx.recyclerview.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/recyclerViewActors"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
    tools:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
    tools:listitem="@layout/list_item_actor"
    tools:itemCount="5"
    tools:orientation="horizontal"
    tools:scrollbars="horizontal"
    tools:spanCount="2"/>

but Design tab doesn't show preview:

enter image description here

And if I change androidx.recyclerview.widget.RecyclerView in this layout to ListView, the preview works:

enter image description here

Answer

Tito Rezende picture Tito Rezende · Jan 1, 2019

From your code it seems that your recyclerview is the root element of the XML, and is missing the reference from xmlns:tools

Try to use another root element, as a constraint layout or even just layout as per example of google sunflowerapp:

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/plant_list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:clipToPadding="false"
            android:paddingLeft="@dimen/margin_normal"
            android:paddingRight="@dimen/margin_normal"
            app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
            tools:context="com.google.samples.apps.sunflower.GardenActivity"
            tools:listitem="@layout/list_item_plant" />

</layout>