Flutter中遍历列表渲染多Widget为何仅执行一次？

哈哈，这个问题我太熟悉了！你之所以遇到循环只执行一次的情况，核心原因出在return关键字上：

为什么循环仅执行一次？ #

return会立即终止当前函数的执行并返回结果。当你的代码第一次进入循环，执行到return new Text(name);时，函数就直接把Text("one")返回出去了，后续的循环迭代（处理"two"、"three"、"four"）根本没有机会运行，自然只会渲染第一个元素，日志也只触发一次。

正确的实现方式 #

要把列表元素并排渲染，你需要把所有生成的Text Widget放在一个布局容器里（比如Row，刚好满足你“并排”的需求），而不是每次循环就返回单个Widget。这里给你几种常用的写法：

写法1：集合内for循环（Flutter 2.3+推荐） #

Flutter 2.3及以上版本支持在集合字面量里直接写循环，代码简洁直观：

Row(
  children: [
    for (var name in list) Text(name),
  ],
)

写法2：使用map转换Widget列表 #

如果你的Flutter版本较低，不支持集合内循环，可以用map方法将字符串列表转换成Widget列表，再转成List类型：

Row(
  children: list.map((name) => Text(name)).toList(),
)

进阶优化：添加元素间距 #

如果想要元素之间有合适的间距，避免挤在一起，可以给每个Text包裹Padding：

Row(
  children: [
    for (var name in list)
      Padding(
        padding: const EdgeInsets.symmetric(horizontal: 6.0),
        child: Text(name),
      ),
  ],
)

关键提醒 #

一定要记住：return的作用是结束当前函数并返回单个值（或Widget），如果要返回多个Widget，必须把它们包裹在一个父布局Widget（Row、Column、Wrap等）中，将所有子Widget作为列表传递给父Widget的children属性。

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