Flutter新手求助：setState结合Firebase数据遍历引发无限循环，initState处理Future遇阻

你遇到的无限循环问题根源很明确：你在build方法里调用了getActivity()，而getActivity()内部又调用了setState()——setState()会触发Widget重新构建，也就是再次执行build方法，这样就形成了「build → getActivity → setState → build」的无限循环，这肯定会出问题的。

下面给你两种靠谱的解决方案，都是Flutter里处理异步数据的常规操作：

方案一：在initState中初始化数据 #

initState是Widget生命周期里只会执行一次的方法，非常适合用来做初始化操作。注意initState本身不能是异步方法，所以我们需要单独写一个异步的初始化函数：

class _AnasayfaScreenState extends State<AnasayfaScreen> { 
  final databaseRef = FirebaseDatabase.instance.reference(); 
  ActivityModel activity = ActivityModel(); 
  List<Map<dynamic, dynamic>> lists = []; 

  @override
  void initState() {
    super.initState();
    // 在初始化时调用数据获取方法
    _loadActivityData();
  }

  // 单独的异步方法处理数据获取
  Future<void> _loadActivityData() async {
    try {
      DataSnapshot dataSnapshot = await databaseRef
          .child('activities')
          .limitToLast(3)
          .once();
      
      if (dataSnapshot.value != null) {
        setState(() {
          Map<dynamic, dynamic> values = dataSnapshot.value;
          lists.clear();
          values.forEach((key, value) {
            lists.add(value);
          });
        });
      }
    } catch (e) {
      // 可以在这里处理错误，比如打印日志或者提示用户
      print('获取数据失败: $e');
    }
  }

  @override 
  Widget build(BuildContext context) { 
    // 注意：这里不要再调用getActivity()了！
    return Scaffold( 
      appBar: AppBar( 
        title: lists.isNotEmpty 
            ? Text(
                "Title: ${lists[0]["title"]}\n"
                "Date: ${lists[0]["date"]}\n"
                "N: Number of people ${lists[0]["maxPeople"]}\n"
                "Activity Owner: ${lists[0]["ownername"]}",
              )
            : Text("加载中..."), // 数据未加载完成时的占位符
      ),
      // 其他Widget代码...
    );
  }
}

方案二：用FutureBuilder处理异步数据（推荐） #

FutureBuilder是Flutter专门为异步数据展示设计的Widget，它能自动处理「加载中、加载成功、加载失败」等各种状态，还不需要你手动调用setState，代码会更简洁易维护：

class _AnasayfaScreenState extends State<AnasayfaScreen> { 
  final databaseRef = FirebaseDatabase.instance.reference(); 
  ActivityModel activity = ActivityModel(); 

  // 只负责获取数据，不处理状态更新
  Future<List<Map<dynamic, dynamic>>> _getActivityData() async {
    List<Map<dynamic, dynamic>> result = [];
    try {
      DataSnapshot dataSnapshot = await databaseRef
          .child('activities')
          .limitToLast(3)
          .once();
      
      if (dataSnapshot.value != null) {
        Map<dynamic, dynamic> values = dataSnapshot.value;
        values.forEach((key, value) {
          result.add(value);
        });
      }
    } catch (e) {
      print('获取数据失败: $e');
    }
    return result;
  }

  @override 
  Widget build(BuildContext context) { 
    return Scaffold( 
      appBar: AppBar( 
        title: FutureBuilder<List<Map<dynamic, dynamic>>>(
          future: _getActivityData(),
          builder: (context, snapshot) {
            // 根据异步状态返回不同的Widget
            if (snapshot.connectionState == ConnectionState.waiting) {
              return Text("加载中...");
            } else if (snapshot.hasError) {
              return Text("获取数据失败");
            } else if (snapshot.data == null || snapshot.data!.isEmpty) {
              return Text("暂无活动数据");
            } else {
              // 取第一条数据示例，你可以根据自己的需求遍历列表
              var activity = snapshot.data![0];
              return Text(
                "Title: ${activity["title"]}\n"
                "Date: ${activity["date"]}\n"
                "N: Number of people ${activity["maxPeople"]}\n"
                "Activity Owner: ${activity["ownername"]}",
              );
            }
          },
        ),
      ),
      // 其他Widget代码...
    );
  }
}

额外提醒 #

如果你之后需要手动刷新数据（比如用户下拉刷新），可以给方案一的_loadActivityData()方法加个触发按钮，或者在方案二里把Future存为一个变量，避免每次build都重新请求数据。

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