Flutter点击按钮生成新List功能实现报错求助

一、原代码的问题分析 #

• 变量重名：同一作用域内先后定义了String number和List<Countries> number，Dart不允许同名变量，这是直接导致编译失败的原因。
• 冗余逻辑：numberOfGroups和nextGroup的操作完全多余，向groups添加新List不需要额外计算索引，直接调用add方法即可。

二、修正后的基础代码 #

List<List<Countries>> groups = [];
...
child: GestureDetector(
  onTap: () {
    setState(() {
      // 直接添加一个新的空Countries列表到groups中
      groups.add([]);
    });
  },
),

如果需要给新生成的List添加初始标识（比如关联序号），可以调整为：

child: GestureDetector(
  onTap: () {
    setState(() {
      // 示例：假设Countries类有name字段，添加带序号的初始实例
      List<Countries> newGroup = [
        Countries(name: "Group ${groups.length + 1}")
      ];
      groups.add(newGroup);
    });
  },
),

三、用循环批量生成List的方法 #

完全可以通过循环实现批量生成List的需求。比如点击按钮一次性添加3个新List：

child: GestureDetector(
  onTap: () {
    setState(() {
      // 循环3次，每次添加一个空List
      for (int i = 0; i < 3; i++) {
        groups.add([]);
      }
    });
  },
),

如果需要生成带初始数据的批量List：

child: GestureDetector(
  onTap: () {
    setState(() {
      for (int i = 0; i < 3; i++) {
        List<Countries> newGroup = [
          Countries(name: "Batch Group ${groups.length + i + 1}")
        ];
        groups.add(newGroup);
      }
    });
  },
),

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