Android Cloud Firestore：多元素列表的添加与展示实现求助

Hey there! Let's walk through how to get your Firebase tasks showing up in a proper list—once that's sorted, editing and deleting will be straightforward to build on. Here's a step-by-step solution tailored to your current setup:

First, swap out the single TextView in your Display Fragment's layout with a RecyclerView, which is Android's standard component for showing lists of items:

<!-- fragment_display.xml -->
<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/tasks_recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="8dp"/>

Make a simple data class to map your Firebase task data into an object we can work with in the app:

data class Task(
    val id: String = "", // We'll populate this with Firebase's unique key
    val taskContent: String = "" // Replace with your actual task field name
)

The adapter connects your task data to individual list items. First, create a layout for a single task item (res/layout/item_task.xml):

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="12dp"
    android:orientation="horizontal"
    android:gravity="center_vertical">

    <TextView
        android:id="@+id/task_text"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:textSize="18sp"/>

    <!-- We'll add edit/delete buttons here later -->
</LinearLayout>

Then create the adapter class:

class TaskAdapter(
    private val tasks: MutableList<Task>,
    private val onTaskSelected: (Task) -> Unit // For future edit/delete actions
) : RecyclerView.Adapter<TaskAdapter.TaskViewHolder>() {

    inner class TaskViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        private val taskText: TextView = itemView.findViewById(R.id.task_text)

        fun bind(task: Task) {
            taskText.text = task.taskContent
            itemView.setOnClickListener { onTaskSelected(task) }
        }
    }

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

    override fun onBindViewHolder(holder: TaskViewHolder, position: Int) {
        holder.bind(tasks[position])
    }

    override fun getItemCount() = tasks.size

    // Update the list when Firebase data changes
    fun updateTasks(newTasks: List<Task>) {
        tasks.clear()
        tasks.addAll(newTasks)
        notifyDataSetChanged()
    }
}

Modify your Display Fragment code to initialize the RecyclerView and listen for real-time updates from Firebase:

class DisplayFragment : Fragment() {
    private lateinit var recyclerView: RecyclerView
    private lateinit var taskAdapter: TaskAdapter
    private val tasksList = mutableListOf<Task>()
    // Replace with your actual Firebase database reference path
    private val tasksRef = FirebaseDatabase.getInstance().getReference("tasks")

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        val view = inflater.inflate(R.layout.fragment_display, container, false)
        recyclerView = view.findViewById(R.id.tasks_recycler_view)
        setupRecyclerView()
        listenForFirebaseTasks()
        return view
    }

    private fun setupRecyclerView() {
        taskAdapter = TaskAdapter(tasksList) { selectedTask ->
            // Temporary: Show a toast when a task is clicked (we'll replace this with edit/delete later)
            Toast.makeText(requireContext(), "Selected task: ${selectedTask.taskContent}", Toast.LENGTH_SHORT).show()
        }
        recyclerView.adapter = taskAdapter
        recyclerView.layoutManager = LinearLayoutManager(requireContext())
    }

    private fun listenForFirebaseTasks() {
        // Listen for real-time changes to the "tasks" node in Firebase
        tasksRef.addValueEventListener(object : ValueEventListener {
            override fun onDataChange(snapshot: DataSnapshot) {
                tasksList.clear()
                // Loop through all task entries in Firebase
                for (taskSnapshot in snapshot.children) {
                    val task = taskSnapshot.getValue(Task::class.java)
                    task?.let {
                        // Assign Firebase's unique key to the task's id field
                        it.id = taskSnapshot.key ?: ""
                        tasksList.add(it)
                    }
                }
                taskAdapter.updateTasks(tasksList)
            }

            override fun onCancelled(error: DatabaseError) {
                Toast.makeText(requireContext(), "Failed to load tasks: ${error.message}", Toast.LENGTH_SHORT).show()
            }
        })
    }
}

Make sure you're not overwriting the same Firebase node every time you add a task. Use push() to generate a unique key for each new task:

// Example add task code (in your Add Task Fragment/Activity)
val newTaskRef = tasksRef.push() // Generates a unique key
val task = Task(taskContent = "Your new task content")
newTaskRef.setValue(task)

Now that your list is working, adding edit/delete is easy:

• Delete: In the adapter's onTaskSelected lambda, call tasksRef.child(selectedTask.id).removeValue() — Firebase's real-time listener will automatically update the list.
• Edit: Create an edit screen, pass the selected task's id and content, then update Firebase with tasksRef.child(selectedTask.id).setValue(updatedTask).

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