Android Java中如何根据RecyclerView点击项加载Firebase Firestore对应数据

第一步：给RecyclerView条目添加点击回调 #

先通过接口做点击事件的回调，解耦Adapter和页面逻辑，核心代码如下：

1. 先定义点击回调接口

interface OnCategoryItemClickListener {
    // 回传点击条目的Firestore文档ID
    fun onItemClick(categoryDocId: String)
}

2. 在RecyclerView的Adapter中引入回调接口，绑定点击事件

class CategoryAdapter(
    private val categoryList: List<Category>, // 你自己的分类实体类列表
    private val listener: OnCategoryItemClickListener
) : RecyclerView.Adapter<CategoryAdapter.ViewHolder>() {

    // 省略ViewHolder创建等常规Adapter代码

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        val currentItem = categoryList[position]
        holder.tvCategoryName.text = currentItem.name
        // 给条目根布局设置点击事件
        holder.itemView.setOnClickListener {
            listener.onItemClick(currentItem.docId)
        }
    }
}

3. 在列表所在的Activity/Fragment实现回调接口

class MainActivity : AppCompatActivity(), OnCategoryItemClickListener {
    // 省略页面初始化等代码
    override fun onItemClick(categoryDocId: String) {
        // 点击后触发详情查询
        loadDetailFromFirestore(categoryDocId)
    }
}

第二步：查询Firestore对应详情数据 #

拿到点击条目的文档ID后，直接查询Firestore对应文档即可，代码示例：

private fun loadDetailFromFirestore(docId: String) {
    val firestore = FirebaseFirestore.getInstance()
    // 替换成你自己的分类集合名称
    firestore.collection("food_categories").document(docId)
        .get()
        .addOnSuccessListener { document ->
            if (document.exists()) {
                // 提取详情字段，字段名替换成你自己库里的字段
                val description = document.getString("desc")
                val price = document.getDouble("price")
                val coverUrl = document.getString("cover_img")
                // 渲染到UI
                renderDetailUI(description, price, coverUrl)
            } else {
                Toast.makeText(this, "该分类数据不存在", Toast.LENGTH_SHORT).show()
            }
        }
        .addOnFailureListener {
            Toast.makeText(this, "加载详情失败，请稍后重试", Toast.LENGTH_SHORT).show()
        }
}

第三步：渲染详情到UI #

你可以根据需求选择弹窗、同页新增详情模块、跳转到新页面三种方式展示详情，这里给一个弹窗示例：

private fun renderDetailUI(desc: String?, price: Double?, coverUrl: String?) {
    val detailView = LayoutInflater.from(this).inflate(R.layout.layout_food_detail, null)
    // 给详情控件赋值
    detailView.findViewById<TextView>(R.id.tv_detail_desc).text = desc
    detailView.findViewById<TextView>(R.id.tv_detail_price).text = "售价：${price}元"
    // 图片可以用Glide、Coil等框架加载
    Glide.with(this).load(coverUrl).into(detailView.findViewById<ImageView>(R.id.iv_detail_cover))

    AlertDialog.Builder(this)
        .setView(detailView)
        .setPositiveButton("知道了", null)
        .show()
}

注意事项 #

• 首次加载列表数据的时候，就要把每个Firestore文档的ID存到你的实体类里，不然点击时拿不到ID无法查询详情
• 测试阶段可以临时放开Firestore的读权限，上线前一定要修改为符合业务逻辑的权限规则
• 如果要跳转到新页面展示详情，直接把文档ID通过intent.putExtra("DOC_ID", docId)传递到新页面，在新页面执行同样的查询逻辑即可

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