Search code examples
androidandroid-recyclerviewpreviewandroidxandroid-tools-namespace

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


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


Solution

  • 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>