Flutter实现Int值随Firebase实时数据库自动更新的方案咨询

要让int类型的money值随Firebase实时数据库自动同步，核心是用Firebase的实时数据流监听替代单次获取数据的逻辑，以下是具体实现方案：

核心思路 #

通过StreamBuilder组件监听Firebase实时数据库的onValue数据流，当对应节点数据变化时，自动触发UI重建，实时更新money值。

完整实现代码 #

class MoneyBalanceWidget extends StatefulWidget {
  final String rawUserId; // 传入原始用户ID
  const MoneyBalanceWidget({super.key, required this.rawUserId});

  @override
  State<MoneyBalanceWidget> createState() => _MoneyBalanceWidgetState();
}

class _MoneyBalanceWidgetState extends State<MoneyBalanceWidget> {
  late DatabaseReference _userCreditsRef;
  late String _processedUserId;

  @override
  void initState() {
    super.initState();
    // 清理用户ID中的特殊字符
    _processedUserId = widget.rawUserId.replaceAll('#', "").replaceAll("[", "").replaceAll("]", "");
    // 初始化数据库节点引用
    _userCreditsRef = FirebaseDatabase.instance.ref("credits").child(_processedUserId);
  }

  @override
  Widget build(BuildContext context) {
    return StreamBuilder<DatabaseEvent>(
      // 监听目标节点的实时数据变化
      stream: _userCreditsRef.onValue,
      builder: (context, snapshot) {
        // 加载状态处理
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Text("加载中...");
        }

        // 错误状态处理
        if (snapshot.hasError) {
          return Text("加载失败: ${snapshot.error}");
        }

        // 数据不存在的情况
        if (!snapshot.hasData || snapshot.data!.snapshot.value == null) {
          return const Text("当前余额: 0");
        }

        // 安全转换数据为int类型
        final dynamic dbValue = snapshot.data!.snapshot.value;
        int money = 0;
        if (dbValue is int) {
          money = dbValue;
        } else if (dbValue is String) {
          money = int.tryParse(dbValue) ?? 0;
        } else {
          print("无效的余额数据格式: $dbValue");
        }

        // 展示实时更新的余额
        return Text("当前余额: $money");
      },
    );
  }
}

关键细节说明 #

• 实时监听逻辑：_userCreditsRef.onValue返回持续数据流，数据库节点数据变更时会自动推送事件，触发StreamBuilder重建UI。
• 数据安全处理：兼容数据库中可能的int/String类型值，用int.tryParse避免转换崩溃，默认值设为0。
• 全场景覆盖：处理了加载中、错误、数据不存在等状态，避免异常显示。
• 组件复用性：封装为独立StatefulWidget，传入原始用户ID即可直接使用。

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