如何在Kotlin+FireStore中实现数组项单独显示在RecyclerView

你的核心问题是数据源结构与RecyclerView条目对应关系不匹配：当前用ArrayList<CommentDataClass>作为数据源，每个CommentDataClass包含整个评论数组，导致RecyclerView的每个条目对应整个数组，循环赋值时会覆盖为最后一项，直接转字符串则把所有评论塞到一个条目里。

以下是修正方案：

1. 调整数据源类型 #

把RecyclerView的数据源从包裹数组的CommentDataClass改为直接存储单个评论的ArrayList<String>，让每个条目对应一条评论。

2. 修改Adapter代码 #

package com.example.caterers_app

class CommentAdapter(private val commentList: ArrayList<String>) : RecyclerView.Adapter<CommentAdapter.MyViewHolder>() {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
        val itemView = LayoutInflater.from(parent.context)
            .inflate(R.layout.commentstemplate, parent, false)
        return MyViewHolder(itemView)
    }

    override fun getItemCount(): Int {
        Log.d("size", commentList.size.toString())
        return commentList.size
    }

    class MyViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val comment: TextView = itemView.findViewById(R.id.comment)
    }

    override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
        // 直接给当前条目赋值对应评论
        holder.comment.text = commentList[position]
    }
}

3. 修改Fragment代码 #

调整数据获取逻辑，把FireStore返回的数组拆分成单个评论添加到数据源：

package com.example.caterers_app

class Comments(val doc: String) : Fragment() {

    private lateinit var docid: String
    private lateinit var recyclerView: RecyclerView
    private lateinit var commentArrayList: ArrayList<String>
    private lateinit var adapter: CommentAdapter
    private lateinit var db: FirebaseFirestore

    init {
        docid = doc
    }

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        val view = inflater.inflate(R.layout.fragment_comments, container, false)

        recyclerView = view.findViewById(R.id.comentoo)
        recyclerView.layoutManager = LinearLayoutManager(context)
        recyclerView.setHasFixedSize(true)

        commentArrayList = arrayListOf()
        adapter = CommentAdapter(commentArrayList)
        recyclerView.adapter = adapter

        EventChangeListner()

        return view
    }

    companion object {
        fun newInstance(): Comments {
            return Comments("null")
        }
    }

    private fun EventChangeListner() {
        db = FirebaseFirestore.getInstance()
        db.collection("User_Events")
            .addSnapshotListener(object : EventListener<QuerySnapshot> {
                override fun onEvent(value: QuerySnapshot?, error: FirebaseFirestoreException?) {
                    if (error != null) {
                        return
                    }

                    // 先清空旧数据，避免重复加载
                    commentArrayList.clear()
                    for (dc: DocumentChange in value?.documentChanges!!) {
                        // 监听新增和修改事件，保证数据同步
                        if (dc.type == DocumentChange.Type.ADDED || dc.type == DocumentChange.Type.MODIFIED) {
                            if (dc.document.id == docid) {
                                val commentData = dc.document.toObject(CommentDataClass::class.java)
                                // 将数组中的每条评论单独加入数据源
                                commentData.list?.let { commentArrayList.addAll(it) }
                            }
                        }
                    }

                    adapter.notifyDataSetChanged()
                }
            })
    }

    // 保留原数据类用于解析FireStore返回结果
    data class CommentDataClass(val list: List<String>? = null)
}

关键修改说明 #

• 数据源从ArrayList<CommentDataClass>改为ArrayList<String>，让RecyclerView的每个条目精准对应一条评论
• Adapter绑定数据时直接赋值单个评论，无需循环覆盖
• Fragment中用addAll()把FireStore数组的所有元素拆分加入数据源，而非添加整个数组对象
• 新增数据清空和修改事件监听，避免重复数据并保证实时更新

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