Flutter中读取Firebase数据库数据更新本地Map的实现方法

以下实现基于目前主流的Firebase JS SDK v9+ 模块化版本，覆盖一次性拉取同步、实时监听自动同步两种常用场景。

前置准备：初始化Firebase实例 #

首先确保你已经在项目中安装了Firebase依赖，完成数据库实例初始化：

import { initializeApp } from "firebase/app";
import { getDatabase } from "firebase/database";

// 替换为你自己Firebase项目的配置参数，在Firebase控制台项目设置中可以找到
const firebaseConfig = {
  apiKey: "xxx",
  authDomain: "xxx",
  databaseURL: "xxx",
  projectId: "xxx",
  storageBucket: "xxx",
  messagingSenderId: "xxx",
  appId: "xxx"
};

const app = initializeApp(firebaseConfig);
const db = getDatabase(app);

方案1：单次读取同步 #

适合只需要在特定时机（比如页面加载、按钮点击）拉取最新数据更新本地对象的场景：

// 本地初始Map对象
let Brain = {
  0: { 0: '0-0', 1: '0-1', 2: '0-2', 3: '0-3', 4: '0-4' },
  1: { 0: '1-0', 1: '1-1', 2: '1-2', 3: '1-3', 4: '1-4' }
};

async function syncBrainOnce() {
  const { get, ref } = await import("firebase/database");
  try {
    // 路径替换为你数据库中存储Brain数据的实际节点路径
    const brainNodeRef = ref(db, "Brain");
    const res = await get(brainNodeRef);
    if (res.exists()) {
      // Firebase返回的val()解析后结构和本地Map完全匹配，直接赋值即可
      Brain = res.val();
      console.log("同步完成，当前Brain值：", Brain);
    }
  } catch (err) {
    console.error("读取数据失败：", err);
  }
}

// 调用即可触发一次同步
// syncBrainOnce()

方案2：实时监听自动同步 #

适合需要保持本地数据和数据库实时一致的场景，数据库端只要有数据改动，会自动触发回调更新本地对象，不需要手动轮询或重复拉取：

import { ref, onValue } from "firebase/database";

let Brain = {
  0: { 0: '0-0', 1: '0-1', 2: '0-2', 3: '0-3', 4: '0-4' },
  1: { 0: '1-0', 1: '1-1', 2: '1-2', 3: '1-3', 4: '1-4' }
};

function startRealtimeSync() {
  const brainNodeRef = ref(db, "Brain");
  // 注册监听，返回的unsubscribe方法用于取消监听
  const unsubscribe = onValue(brainNodeRef, (snapshot) => {
    if (snapshot.exists()) {
      Brain = snapshot.val();
      // 这里可以追加数据更新后的业务逻辑
      console.log("实时同步完成，当前Brain值：", Brain);
    }
  }, (err) => {
    console.error("监听出错：", err);
  });

  return unsubscribe;
}

// 启动实时同步
// const stopSync = startRealtimeSync()
// 不需要同步时（比如页面卸载）调用 stopSync() 即可取消监听，避免内存泄漏

注意事项 #

• 节点路径必须和你数据库的实际结构匹配，参考你的数据库结构截图，如果你把Brain存在根节点下，路径就写"Brain"即可，如果存在其他父节点下，补全对应路径即可
• Firebase Realtime Database 对嵌套结构的解析规则和你本地定义的Map结构完全一致，不需要额外做字段转换、类型处理，直接赋值即可
• 如果你还在使用旧版v8及之前的命名空间式SDK，建议升级到v9+版本，模块化写法可以大幅减少打包体积，性能更优

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