Flutter中如何在StatefulWidget对应的State类内访问该Widget实例？

解决方案 #

在Flutter的State子类中，框架已经内置了widget属性，直接指向当前State绑定的对应StatefulWidget实例，你不需要额外自定义逻辑获取。

具体修改点

1. 修正Training组件的按钮点击逻辑，直接用widget获取实例：

class _TrainingState extends State<Training> {
  @override
  Widget build(BuildContext context) {
    // 注意原代码这里少了return，要加上才会渲染按钮
    return ElevatedButton(
      child: const Text("add training"),
      onPressed: () {
        // widget就是当前_TrainingState绑定的Training实例
        widget.addTraining(widget);
      },
    );
  }
}

2. 补充其他代码的错误修正，避免运行时报错：

• Training组件的addTraining属性指定明确的参数类型，提升类型安全：

class Training extends StatefulWidget {
  const Training({Key? key, required this.addTraining}) : super(key: key);
  // 明确指定函数的入参类型为Training
  final void Function(Training) addTraining;

  @override
  State<Training> createState() => _TrainingState();
}

• HomeScreen中构造Training组件时使用命名参数传值，匹配构造函数定义：

@override
Widget build(BuildContext context) {
  return Training(addTraining: addTraining);
}

实现说明

State类的widget属性是框架在State初始化完成后自动绑定的，和当前State对应的StatefulWidget实例完全一致，你可以直接通过它访问Widget的所有公开属性和方法。

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