RecyclerView ViewHolder中为CardView添加Badge时触发空指针异常

问题场景 #

在RecyclerView的onCreateViewHolder中尝试给XML布局里的CardView附加BadgeDrawable，实现代码如下：

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MenuItemViewHolder {
    val cardView = LayoutInflater.from(parent.context)
        .inflate(R.layout.menu_item_card, parent, false)
    Log.i("Adapter#onBind", cardView.toString())
    val badgeDrawable = BadgeDrawable.create(cardView.context)
    badgeDrawable.isVisible = true
    BadgeUtils.attachBadgeDrawable(badgeDrawable, cardView)
    return MenuItemViewHolder(cardView)
}

但日志显示cardView变量实际是外层的ConstraintLayout而非目标CardView：

androidx.constraintlayout.widget.ConstraintLayout{3789c11 V.E...... ......I. 0,0-0,0}

对应的布局文件结构为：

<androidx.constraintlayout.widget.ConstraintLayout 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:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <androidx.cardview.widget.CardView
        android:id="@+id/card_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical">
            ...
        </LinearLayout>
    </androidx.cardview.widget.CardView>
</androidx.constraintlayout.widget.ConstraintLayout>

最终触发空指针异常：

java.lang.NullPointerException: Attempt to invoke virtual method 'void android.view.ViewGroup.setClipChildren(boolean)' on a null object reference

问题原因 #

LayoutInflater.inflate()方法返回的是布局文件的根视图，这里根视图是ConstraintLayout，而非内部的CardView。将ConstraintLayout传给BadgeUtils.attachBadgeDrawable()，方法内部无法找到正确的目标ViewGroup，导致空指针。

解决方案 #

方案1：从根布局中获取目标CardView #

修改onCreateViewHolder代码，先inflate根布局，再通过ID找到内部的CardView，然后附加BadgeDrawable：

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MenuItemViewHolder {
    val rootView = LayoutInflater.from(parent.context)
        .inflate(R.layout.menu_item_card, parent, false)
    // 从根布局中找到目标CardView
    val cardView = rootView.findViewById<CardView>(R.id.card_view)
    val badgeDrawable = BadgeDrawable.create(cardView.context)
    badgeDrawable.isVisible = true
    BadgeUtils.attachBadgeDrawable(badgeDrawable, cardView)
    return MenuItemViewHolder(rootView)
}

方案2：调整布局结构（如果允许） #

如果外层ConstraintLayout没有必要的布局约束，可以直接将CardView设为布局的根视图，这样inflate返回的就是CardView：

<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/card_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        ...
    </LinearLayout>
</androidx.cardview.widget.CardView>

此时原代码无需修改即可正常运行。

内容的提问来源于stack exchange，提问作者perissf