Flutter无法获取并保存Firebase Realtime Database返回值问题求助

问题根源 #

你遇到的是典型的异步操作时序问题：Firebase Realtime Database的once()方法是异步请求，getData方法执行时会先返回初始化的空Data对象，此时网络请求还没完成，then回调里的赋值逻辑还没执行。你在dbHelper中看到的打印是网络请求完成、赋值结束后输出的，所以能拿到正确值，但同步调用getData拿到的是还没被赋值的初始对象。

修改方案 #

1. 改造dbHelper的getData方法，改为异步返回 #

将方法改为返回Future<Data>，用await等待数据库请求完成后再返回构造好的Data对象：

Future<Data> getData() async {
  // 等待数据库请求完成
  final snapshot = await db
      .reference()
      .child(_auth.currentUser!.uid)
      .child("status")
      .once();
  final resMap = snapshot.value as Map;
  // 直接返回赋值完成的Data对象
  return Data(
    brightness: resMap['Brigthness'].toString(),
    humidity: resMap['Humidiy'].toString(),
    water: resMap['Water'].toString(),
  );
}

注意：请自行校验数据库字段的拼写是否正确，比如Brigthness、Humidiy是否为拼写失误，字段名不匹配也会导致取值为空。

2. 改造页面State逻辑，异步加载数据 #

不要在build方法中执行数据请求，改为在initState中加载，请求完成后调用setState更新界面：

class _home_bodyState extends State<home_body> {
  dbHelper _helper = dbHelper();
  Data? _loadedData;
  bool _isLoading = true;

  @override
  void initState() {
    super.initState();
    _fetchData();
  }

  Future<void> _fetchData() async {
    try {
      final data = await _helper.getData();
      // 页面未销毁才更新状态
      if (mounted) {
        setState(() {
          _loadedData = data;
          _isLoading = false;
        });
      }
    } catch (e) {
      debugPrint('数据加载失败：$e');
      if (mounted) {
        setState(() {
          _isLoading = false;
        });
        // 可自行补充错误提示逻辑
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Home"),
        backgroundColor: Colors.green[200],
      ),
      backgroundColor: Colors.green[100],
      drawer: home_drawer(),
      body: Container(
        decoration: BoxDecoration(
            gradient: LinearGradient(
                begin: Alignment.center,
                colors: [Colors.green, Colors.greenAccent])),
        child: _isLoading
            // 加载中展示进度指示器
            ? const Center(child: CircularProgressIndicator(color: Colors.white))
            : GridView.count(
          crossAxisCount: 3,
          children: [
            My_card(
              title: "Umidità",
              icon: Icons.thermostat,
              value: _loadedData?.getHumidity() ?? '-',
            ),
            My_card(
              title: "Luminosità",
              icon: Icons.lightbulb,
              value: _loadedData?.getBrightness() ?? '-',
            ),
            My_card(
              title: "Serbatoio",
              icon: Icons.water,
              value: _loadedData?.getWater() ?? '-',
            )
          ],
        ),
      ),
    );
  }
}

额外优化建议 #

• 可以给加载失败的场景添加重试按钮，提升用户体验
• 建议对_auth.currentUser做判空处理，避免用户未登录时出现空指针异常
• 后续如果需要监听数据实时变化，可以把once()换成onValue监听，数据库更新时自动同步到界面

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