如何在Flutter中将Firebase的Map列表渲染为表格

架构老林

2026-7-25

我了解需使用数据模型从Firebase获取表格数据，但不确定如何将数据转换为嵌套的Map列表。若有知晓解决方案的开发者，恳请提供帮助。
我尝试了多种方法，但始终出现错误。

解决方法

1. 直接从Firebase快照转换为嵌套Map列表

Firebase返回的DataSnapshot本身支持直接转换为嵌套Map结构，无需复杂处理：

// Kotlin 示例
val dbRef = FirebaseDatabase.getInstance().getReference("你的表格节点路径")
dbRef.get().addOnCompleteListener { task ->
    if (task.isSuccessful) {
        val nestedMapList = mutableListOf<Map<String, Any>>()
        task.result?.children?.forEach { childSnap ->
            childSnap.value?.let { value ->
                // 将单个节点直接转为嵌套Map，加入列表
                val itemMap = value as Map<String, Any>
                nestedMapList.add(itemMap)
            }
        }
        // nestedMapList就是你需要的嵌套Map列表，可直接用于后续逻辑
    } else {
        // 处理数据获取失败
        task.exception?.printStackTrace()
    }
}

2. 数据模型解析后转嵌套Map

如果你已经用数据模型类解析了Firebase数据，想要把模型对象转成嵌套Map，用Gson就能实现：

先定义匹配数据结构的模型类：

data class TableItem(
    val id: String? = null,
    val basicInfo: Map<String, String>? = null,
    val details: List<Map<String, Any>>? = null
)

再完成模型到嵌套Map的转换：

val gson = Gson()
// 假设已从Firebase解析得到TableItem列表
val itemList: List<TableItem> = getParsedItemsFromFirebase()
val nestedMapList = itemList.map { item ->
    gson.fromJson(gson.toJson(item), object : TypeToken<Map<String, Any>>() {}.type)
}