Flutter报错Non-nullable instance field 'controller' must be initialized如何解决？

报错原因 #

这是Dart空安全机制的强制校验规则：默认非空类型的实例字段必须在声明时完成初始化，你虽然在initState中给controller赋值了，但编译器无法保证你在调用controller前一定会执行初始化逻辑，因此抛出该错误。

可行解决方法（优先选方案1） #

• 方案1：添加late关键字标记延迟初始化（最适配当前场景）
  将代码中

TabController controller;

修改为

late TabController controller;

late关键字会明确告诉编译器：该字段会在被使用前完成初始化，不需要在声明时赋值，也不会为空。

• 方案2：声明为可空类型
  如果不确定初始化时机，可以将字段声明为可空类型，使用时添加非空断言：

// 声明处修改为可空类型
TabController? controller;
// 后续所有使用controller的位置都添加非空断言!
controller = TabController(length: 2, vsync: this);
controller!.dispose();
controller: controller!,

其他注意事项 #

你粘贴的代码中存在HTML转义字符，需要替换为正常符号才能正常运行：

1. 将所有>替换为>
2. 将所有<替换为<
3. 你当前代码中的TabBar组件未绑定controller，会导致点击Tab无法联动切换页面，需要给TabBar也添加controller: controller属性。

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