Dart初始化TextEditingController时提示实例成员无法在初始化器中访问如何解决

报错原因 #

Dart 类的字段初始化器（即声明字段时直接赋值的逻辑）执行时机早于构造函数运行阶段，此时实例this尚未完成初始化，不允许访问其他实例成员。你代码中传入的firstName本质是隐式引用this.firstName，因此触发了初始化阶段禁止访问实例成员的校验规则。

可行解决方案 #

方案1：使用late关键字延迟初始化（Dart 2.12+ 支持） #

给TextEditingController字段添加late修饰符，Dart会将该字段的初始化逻辑推迟到第一次访问时执行，此时实例已经完成初始化，可以正常访问firstName：

String firstName = ''; 
late TextEditingController fnameEditController = TextEditingController(text:firstName);

方案2：在构造函数初始化列表中初始化（普通Dart类适用） #

如果是在普通Dart类中使用，可以将控制器的初始化放到构造函数的初始化列表中，初始化列表阶段允许访问已声明的实例字段：

class DemoClass {
  String firstName = '';
  TextEditingController fnameEditController;

  DemoClass() : fnameEditController = TextEditingController(text: firstName);
}

方案3：在initState中初始化（Flutter State类推荐方案） #

如果是在Flutter的State子类中使用该控制器，最规范的做法是在initState生命周期方法中初始化，同时记得在dispose方法中释放控制器避免内存泄漏：

class DemoState extends State<DemoWidget> {
  String firstName = '';
  late TextEditingController fnameEditController;

  @override
  void initState() {
    super.initState();
    fnameEditController = TextEditingController(text: firstName);
  }

  @override
  void dispose() {
    fnameEditController.dispose();
    super.dispose();
  }
}

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