Flutter集成Firebase Database：如何精准判断应用在线/离线状态？

嗨，我来帮你搞定这个Firebase连接状态监听的问题～ 你提到.info/connected只在启动时触发一次，其实是对这个节点的特性理解有点偏差，它本身是实时监听连接状态变化的，只是你的代码没处理好状态值和后续逻辑。下面给你一套完整的优化方案，刚好匹配你的需求：

.info/connected节点会在客户端与Firebase Realtime Database的连接状态变化时实时触发回调（连接成功变true，断开变false），你之前的代码只是打印了事件，没有解析状态值也没做后续处理。这里给你调整后的代码：

import 'package:firebase_database/firebase_database.dart';
import 'package:flutter/material.dart';

class YourWidget extends StatefulWidget {
  const YourWidget({super.key});

  @override
  State<YourWidget> createState() => _YourWidgetState();
}

class _YourWidgetState extends State<YourWidget> {
  bool _isFirebaseConnected = false;
  StreamSubscription? _connectionStatusSubscription;

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

  void _setupFirebaseConnectionListener() {
    // 获取.info/connected节点的引用
    final connectedRef = FirebaseDatabase.instance.ref('.info/connected');
    // 监听状态变化
    _connectionStatusSubscription = connectedRef.onValue.listen((event) {
      // 解析连接状态（返回值是bool类型）
      final newConnectionStatus = event.snapshot.value as bool;
      setState(() {
        _isFirebaseConnected = newConnectionStatus;
      });

      // 核心需求：重连后强制用户登录
      if (newConnectionStatus) {
        _forceUserLogin();
      }
    });
  }

  void _forceUserLogin() {
    // 这里实现强制登录的逻辑，比如跳转到登录页
    // 注意：如果当前已经是登录页，要避免重复跳转
    if (ModalRoute.of(context)?.settings.name != '/login') {
      Navigator.pushReplacement(
        context,
        MaterialPageRoute(builder: (context) => const LoginPage()),
      );
    }
  }

  @override
  void dispose() {
    // 务必取消订阅，避免内存泄漏
    _connectionStatusSubscription?.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    // 你的UI代码
    return Scaffold();
  }
}

在应用的启动页（闪屏页），我们可以先检查初始连接状态，根据结果决定跳转方向：

class SplashScreen extends StatefulWidget {
  const SplashScreen({super.key});

  @override
  State<SplashScreen> createState() => _SplashScreenState();
}

class _SplashScreenState extends State<SplashScreen> {
  @override
  void initState() {
    super.initState();
    _checkInitialConnectionAndNavigate();
  }

  Future<void> _checkInitialConnectionAndNavigate() async {
    // 获取初始连接状态
    final connectedRef = FirebaseDatabase.instance.ref('.info/connected');
    final snapshot = await connectedRef.get();
    final isConnected = snapshot.value as bool;

    if (!isConnected) {
      // 离线状态：跳过登录，直接进入主页面
      Navigator.pushReplacement(
        context,
        MaterialPageRoute(builder: (context) => const HomePage()),
      );
    } else {
      // 在线状态：进入登录页
      Navigator.pushReplacement(
        context,
        MaterialPageRoute(builder: (context) => const LoginPage()),
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return const Scaffold(
      body: Center(child: CircularProgressIndicator()),
    );
  }
}

有时候设备有网络但Firebase连接失败，这时候可以配合connectivity_plus插件监听设备的网络状态，让逻辑更可靠：

1. 先在pubspec.yaml添加依赖：

dependencies:
  connectivity_plus: ^5.0.1

2. 添加设备网络监听：

import 'package:connectivity_plus/connectivity_plus.dart';

// 在之前的状态类中添加
StreamSubscription? _deviceConnectivitySubscription;

@override
void initState() {
  super.initState();
  _setupFirebaseConnectionListener();
  _setupDeviceConnectivityListener();
}

void _setupDeviceConnectivityListener() {
  _deviceConnectivitySubscription = Connectivity().onConnectivityChanged.listen((result) {
    if (result != ConnectivityResult.none) {
      // 设备恢复网络，此时Firebase会自动尝试重连，我们只需要等待.info/connected的回调即可
      debugPrint('设备网络已恢复，等待Firebase重连...');
    } else {
      debugPrint('设备已离线');
    }
  });
}

@override
void dispose() {
  _connectionStatusSubscription?.cancel();
  _deviceConnectivitySubscription?.cancel();
  super.dispose();
}

• .info/connected节点的value是布尔类型，一定要正确解析，不要直接用快照本身
• 所有订阅都要在dispose中取消，避免内存泄漏
• 强制登录时要判断当前页面，避免重复跳转导致异常

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