Flutter第二页数据不更新：如何用单例服务优化Firebase读取？

这个问题我太熟悉了——之前做项目的时候也踩过同样的坑：把StreamBuilder的快照数据直接传去下一页，结果数据更新时第二页完全没反应，而且重复用StreamBuilder又会导致Firebase多读一次，太浪费资源了。下面给你几个可行的解决方案，重点说你提到的单例服务方案：

核心问题分析 #

你之前的做法是把snapshot.data作为参数传递给第二页，这本质上只是传递了某一时刻的静态数据快照，第二页并没有监听Stream本身。当Firebase数据更新时，只有第一页的StreamBuilder能收到通知，第二页因为没有订阅Stream，自然不会同步更新。

而要避免重复读取Firebase，关键是让两个页面共享同一个Stream实例——这样Firebase只会被触发一次读取，所有订阅这个Stream的页面都会同步收到数据更新。

方案一：单例Stream服务（你的诉求方案） #

创建一个全局单例类来持有Firebase的Stream，确保整个App里只有这一个Stream实例，所有页面都订阅它。这样既不会重复读取Firebase，又能保证数据同步更新。

1. 实现单例服务类 #

import 'package:firebase_database/firebase_database.dart';

// 替换成你的数据类型
typedef YourDataType = Map<String, dynamic>;

class DataService {
  // 单例实例：全局唯一
  static final DataService _instance = DataService._internal();
  factory DataService() => _instance;
  DataService._internal();

  // 持有Firebase Stream，确保只初始化一次
  Stream<YourDataType>? _dataStream;
  final DatabaseReference db = FirebaseDatabase.instance.ref("your-data-path");

  Stream<YourDataType> getData() {
    // 只有当Stream不存在时才初始化，避免重复调用Firebase
    _dataStream ??= db.onValue.map((event) {
      return event.snapshot.value as YourDataType;
    });
    return _dataStream!;
  }
}

2. 第一页代码（无需传递快照数据） #

第一页的StreamBuilder依然订阅单例的Stream，点击跳转时不用传数据，让第二页自己去订阅同一个Stream：

StreamBuilder<YourDataType>(
  stream: DataService().getData(),
  builder: (context, snapshot) {
    if (!snapshot.hasData) return const CircularProgressIndicator();
    
    return Column(
      children: <Widget>[
        InkWell(
          onTap: () => Navigator.pushNamed(context, '/nextPage'),
          child: const Text("跳转到第二页"),
        ),
        // 第一页展示数据的部分
        Text("当前数据：${snapshot.data.toString()}"),
      ],
    );
  },
)

3. 第二页代码（订阅同一个Stream） #

第二页直接通过单例订阅Stream，数据更新时会自动同步：

// 方式一：用StreamBuilder自动管理订阅
class NextPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return StreamBuilder<YourDataType>(
      stream: DataService().getData(),
      builder: (context, snapshot) {
        if (!snapshot.hasData) return const CircularProgressIndicator();
        
        return Text("第二页同步数据：${snapshot.data.toString()}");
      },
    );
  }
}

// 方式二：手动监听（适合需要自定义逻辑的场景）
class NextPage extends StatefulWidget {
  @override
  _NextPageState createState() => _NextPageState();
}

class _NextPageState extends State<NextPage> {
  YourDataType? _currentData;
  StreamSubscription? _subscription;

  @override
  void initState() {
    super.initState();
    // 订阅单例的Stream，数据更新时刷新状态
    _subscription = DataService().getData().listen((newData) {
      setState(() => _currentData = newData);
    });
  }

  @override
  void dispose() {
    // 页面销毁时取消订阅，避免内存泄漏
    _subscription?.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    if (_currentData == null) return const CircularProgressIndicator();
    
    return Text("第二页同步数据：${_currentData.toString()}");
  }
}

方案二：用状态管理库简化（Provider/Riverpod） #

如果你的项目比较复杂，后续可能有更多页面需要共享数据，用状态管理库会更优雅，比如Riverpod或Provider，它们能帮你自动管理Stream的生命周期，避免手动处理订阅/取消的问题。

以Riverpod为例：

1. 定义StreamProvider #

final dataStreamProvider = StreamProvider<YourDataType>((ref) {
  final db = FirebaseDatabase.instance.ref("your-data-path");
  return db.onValue.map((event) => event.snapshot.value as YourDataType);
});

2. 第一页使用 #

Consumer(
  builder: (context, ref, child) {
    final dataAsync = ref.watch(dataStreamProvider);
    
    return dataAsync.when(
      loading: () => const CircularProgressIndicator(),
      error: (err, stack) => Text("出错了：$err"),
      data: (data) {
        return Column(
          children: [
            InkWell(
              onTap: () => Navigator.pushNamed(context, '/nextPage'),
              child: const Text("跳转到第二页"),
            ),
            Text("第一页数据：${data.toString()}"),
          ],
        );
      },
    );
  },
)

3. 第二页使用 #

Consumer(
  builder: (context, ref, child) {
    final dataAsync = ref.watch(dataStreamProvider);
    
    return dataAsync.when(
      loading: () => const CircularProgressIndicator(),
      error: (err, stack) => Text("出错了：$err"),
      data: (data) => Text("第二页同步数据：${data.toString()}"),
    );
  },
)

总结 #

不管用单例还是状态管理库，核心逻辑都是共享同一个Stream实例，这样既避免了Firebase重复读取，又能保证所有页面的数据同步更新。单例适合小型项目或简单场景，状态管理库更适合复杂项目的长期维护。

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