Flutter中FutureBuilder仅单次获取Firebase实时数据库列表问题求助

你的问题主要出在这几个核心点上：

• getData()函数没有正确返回Future，异步操作的结果没有被传递给FutureBuilder，导致它无法准确追踪数据加载状态。首次进入时可能刚好赶在UI渲染前完成了数据加载，但再次进入时，FutureBuilder会误以为Future已经完成，而新的请求还没拿到数据。
• 你用类成员变量records存储数据，但AxisChart是StatelessWidget，再次进入页面时widget实例可能被复用，records不会重新初始化，导致数据始终是旧的或未更新的状态。
• 异步逻辑里的then没有和函数返回值绑定，FutureBuilder根本拿不到新获取的数据。

我给你调整了代码，解决这些问题的同时保留你“只获取一次数据，不持续监听”的需求：

1. 修正getData()，让它返回带数据的Future #

用async/await替代then让逻辑更清晰，同时明确返回我们需要的列表数据：

Future<List<int>> getData() async {
  final currentUser = _auth.currentUser;
  if (currentUser == null) return []; // 处理用户未登录的边界情况

  final snapshot = await db
      .reference()
      .child(currentUser.uid)
      .child("records")
      .once();
  
  Map data = Map.of(snapshot.value as Map);
  return List<int>.from(data[FunctionHelper.selectFolder(title)] ?? []);
}

2. 把AxisChart改成StatefulWidget，控制Future的生命周期 #

改成Stateful后，我们可以在initState里初始化Future，确保每次进入页面时只触发一次数据请求，同时避免FutureBuilder重复执行异步操作：

class AxisChart extends StatefulWidget {
  AxisChart(this.title);
  final String title;

  @override
  State<AxisChart> createState() => _AxisChartState();
}

class _AxisChartState extends State<AxisChart> {
  final FirebaseDatabase db = FirebaseDatabase(databaseURL: Constans.url_database);
  final FirebaseAuth _auth = FirebaseAuth.instance;
  late Future<List<int>> _recordsFuture;

  @override
  void initState() {
    super.initState();
    _recordsFuture = getData();
  }

  Future<List<int>> getData() async {
    final currentUser = _auth.currentUser;
    if (currentUser == null) return [];

    final snapshot = await db
        .reference()
        .child(currentUser.uid)
        .child("records")
        .once();
    
    Map data = Map.of(snapshot.value as Map);
    return List<int>.from(data[FunctionHelper.selectFolder(widget.title)] ?? []);
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<List<int>>(
        future: _recordsFuture,
        builder: (context, snapshot) {
          // 处理不同状态：加载中、错误、无数据、成功
          if (snapshot.connectionState == ConnectionState.waiting) {
            return const Center(child: CircularProgressIndicator());
          }
          if (snapshot.hasError) {
            return Center(child: Text('加载错误: ${snapshot.error}'));
          }
          final records = snapshot.data ?? [];
          // 处理数据长度不足7条的情况，避免数组越界
          while (records.length < 7) {
            records.add(0);
          }

          return Center(
            child: SfCartesianChart(
              title: const ChartTitle(text: "Ultima settimana"),
              primaryXAxis: const CategoryAxis(),
              series: <LineSeries<Records, int>>[
                LineSeries(
                    dataSource: List.generate(7, (index) => Records(index+1, records[index])),
                    xValueMapper: (Records records, _) => records.day,
                    yValueMapper: (Records records, _) => records.records)
              ],
            ),
          );
        });
  }
}

class Records {
  Records(this.day, this.records);
  final int day;
  final int records;
}

关键改进说明： #

• 用async/await规范异步逻辑，让getData()返回明确的Future<List<int>>，FutureBuilder能准确接收并使用数据。
• 改为StatefulWidget后，在initState初始化Future，避免每次build都重复发起请求；如果需要每次进入页面都重新获取数据，可以在页面进入时重新赋值_recordsFuture = getData()。
• 移除了类成员变量records，直接通过snapshot.data获取最新数据，彻底避免状态复用导致的旧数据问题。
• 添加了加载、错误状态的处理，提升用户体验，同时处理了数据长度不足的边界情况，防止数组越界报错。

这样修改后，不管是首次进入还是返回后再次进入页面，都能正确触发一次数据请求并更新UI，完全符合你“不持续监听数据变化”的需求。

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