Flutter中遍历对象的for循环仅执行一次如何解决？

你的代码核心问题是for循环第一次迭代就执行了return语句，直接终止了循环并从builder函数返回第一个Container，导致后续的循环迭代根本不会执行，所以只显示第一个对象的UI。

方法一：使用ListView.builder（推荐） #

这是Flutter中处理列表数据的标准方式，支持懒加载，性能更优：

Widget build(BuildContext context) {
  return FutureBuilder<List<Posts>>(
    future: fetchPost(),
    builder: ((context, snapshot) {
      if (snapshot.hasData) {
        return ListView.builder(
          // 指定列表项数量
          itemCount: snapshot.data!.length,
          itemBuilder: (context, index) {
            DateTime date = snapshot.data![index].postAt;
            final difference = DateTime.now().subtract(Duration(hours: snapshot.data![index].postAt.hour));
            return Container(
              child: Column(
                children: [
                  Row(
                    children: [
                      IconButton(
                        iconSize: 50,
                        onPressed: () {},
                        icon: CircleAvatar(
                          radius: 80,
                          backgroundImage: NetworkImage(snapshot.data![index].user[0].profile),
                        )
                      )
                    ]
                  )
                ]
              )
            );
          },
        );
      } else if (snapshot.hasError) {
        // 处理数据加载错误
        return Text('加载失败：${snapshot.error}');
      }
      // 数据加载中显示加载指示器
      return const CircularProgressIndicator();
    }),
  );
}

方法二：手动收集Widget列表 #

如果不想用ListView.builder，可以先把所有对象对应的UI收集到列表中，再统一返回：

Widget build(BuildContext context) {
  return FutureBuilder<List<Posts>>(
    future: fetchPost(),
    builder: ((context, snapshot) {
      if (snapshot.hasData) {
        final postWidgets = <Widget>[];
        for (int i = 0; i < snapshot.data!.length; i++) {
          DateTime date = snapshot.data![i].postAt;
          final difference = DateTime.now().subtract(Duration(hours: snapshot.data![i].postAt.hour));
          postWidgets.add(
            Container(
              child: Column(
                children: [
                  Row(
                    children: [
                      IconButton(
                        iconSize: 50,
                        onPressed: () {},
                        icon: CircleAvatar(
                          radius: 80,
                          backgroundImage: NetworkImage(snapshot.data![i].user[0].profile),
                        )
                      )
                    ]
                  )
                ]
              )
            )
          );
        }
        // 用ListView包裹避免内容溢出
        return ListView(children: postWidgets);
        // 如果需要用Column，需嵌套SingleChildScrollView
        // return SingleChildScrollView(child: Column(children: postWidgets));
      } else if (snapshot.hasError) {
        return Text('加载失败：${snapshot.error}');
      }
      return const CircularProgressIndicator();
    }),
  );
}

注意事项 #

• 优先选择方法一，ListView.builder会按需渲染可见列表项，在数据量大时能有效避免内存溢出和性能问题。
• 不要在builder函数中直接用for循环返回单个Widget，return语句会直接终止函数执行，导致循环中断。

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