Flutter：通过if语句批量创建Scaffold内的Container

当然不用手动一个个创建啦！Flutter里有很多简洁的方式实现批量生成，你提到的「带计数器」思路完全可行，甚至还有更直观的实现方案，我给你举两个常用的例子：

方法一：用List.generate批量生成 #

这是Flutter里批量创建Widget最常用的方式之一，它会根据你指定的数量生成一个Widget列表，回调里的index就是你需要的计数器（从0开始递增）：

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('批量生成Container示例')),
        body: Column(
          // 生成5个Container，index从0到4
          children: List.generate(5, (index) {
            return Container(
              margin: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
              padding: const EdgeInsets.all(16),
              // 利用计数器区分每个Container的颜色
              color: Colors.blue[100 + index * 100],
              child: Center(
                // 用计数器显示序号
                child: Text('第${index + 1}个Container'),
              ),
            );
          }),
        ),
      ),
    );
  }
}

方法二：直接在列表中使用for循环 #

Flutter支持在Widget列表里直接写for表达式，写法更贴近普通的循环逻辑，同样可以用计数器来定制每个Container：

body: Column(
  children: [
    // 循环生成5个Container，i就是计数器
    for (int i = 0; i < 5; i++)
      Container(
        margin: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
        padding: const EdgeInsets.all(16),
        color: Colors.green[100 + i * 100],
        child: Center(
          child: Text('第${i + 1}个Container'),
        ),
      ),
    // 还可以在循环后面追加其他Widget，灵活性很高
    const SizedBox(height: 20),
    const Text('以上是批量生成的Container'),
  ],
),

这两种方式都能帮你省去重复写Container的麻烦，而且如果后续需要调整数量或者修改样式，只需要改循环的次数或者回调里的逻辑就行，维护起来特别方便。

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