Flutter中二维List遍历修改报错：Expected a class member

错误原因 #

你在Flutter的State类里直接写for循环导致报错，核心原因是Dart类的主体只能定义成员变量、方法、构造函数等类成员，不能直接放置可执行代码（比如循环、赋值语句）。而DartPad里的代码是在顶层或main函数中，属于执行上下文，所以可以正常运行。

解决方案 #

以下三种方式都能实现你修改每行第一个元素的需求：

方案1：在initState中执行循环 #

因为是State类，最适合的方式是在initState生命周期方法里处理，组件初始化时执行：

class _MyPage extends State<MyPage> {
  late List<List<String>> myList; // 使用late延迟初始化

  @override
  void initState() {
    super.initState();
    // 初始化二维List
    myList = List.generate(12, (i) => List<String>.filled(12, '-'), growable: false);
    // 循环修改第一个元素
    for (int i = 0; i < myList.length; i++) {
      int s = i + 1;
      myList[i][0] = "List $s";
    }
  }

  // 其他UI构建代码...
}

方案2：使用类的初始化块 #

如果想在初始化变量时直接处理，可以用初始化块：

class _MyPage extends State<MyPage> {
  late List<List<String>> myList;

  // 初始化块
  _MyPage() {
    myList = List.generate(12, (i) => List<String>.filled(12, '-'), growable: false);
    for (int i = 0; i < myList.length; i++) {
      int s = i + 1;
      myList[i][0] = "List $s";
    }
  }

  @override
  Widget build(BuildContext context) {
    // 构建UI...
  }
}

方案3：直接在List.generate中完成修改（更高效） #

不需要额外循环，直接在生成子List的时候就设置第一个元素，一步到位：

class _MyPage extends State<MyPage> {
  List<List<String>> myList = List.generate(12, (i) {
    // 先创建填充'-'的子List
    final subList = List<String>.filled(12, '-');
    // 修改第一个元素
    subList[0] = "List ${i+1}";
    return subList;
  }, growable: false);

  @override
  Widget build(BuildContext context) {
    // 构建UI...
  }
}

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