Flutter无状态Widget初始化时无法访问实例成员添加事件处理函数怎么办

报错核心原因 #

Dart类的实例变量在初始化器阶段执行赋值时，类实例还未完成创建，无法访问实例成员（你定义的handleEvent属于实例方法），因此会抛出你遇到的错误。

方案1：使用late懒加载初始化（最简便，无需修改现有类结构） #

Dart 2.12+ 支持late关键字修饰变量，late final修饰的实例变量会在第一次被访问时才执行初始化逻辑，此时MySpriteGame实例已经完成初始化，实例方法可以正常访问，全程不需要改成有状态组件。

仅需修改sprite_game.dart中的实例变量声明即可：

class MySpriteGame extends StatelessWidget {
  // 加late关键字即可解决问题
  late final _background = SpriteSquare(const Size(400.0, 400.0), const Color(0xFF000000), (e)=>handleEvent(e));
  late final _whitesquare = SpriteSquare(const Size(200.0, 200.0), const Color(0xFFFFFFFF), (e)=>handleRemoveSelf(e));

  MySpriteGame({Key? key}) : super(key: key);

  handleEvent(SpriteBoxEvent event) {
    // 加判断避免重复添加子节点报错
    if(!_background.children.contains(_whitesquare)) {
      _background.addChild(_whitesquare);
    }
    return true;
  }

  handleRemoveSelf(SpriteBoxEvent event){
    _whitesquare.removeFromParent();
    return true;
  }

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        child: SpriteWidget(_background)
      ),
    );
  }
}

方案2：初始化后绑定回调（对应你提到的后绑定需求） #

如果不想用late关键字，可以调整SpriteSquare的回调为可选参数，在实例初始化完成后再赋值。

第一步 修改sprite_square.dart #

class SpriteSquare extends NodeWithSize {
  Color color;
  Function? handler; // 改为可空类型

  // 回调改为可选命名参数
  SpriteSquare(size, this.color, {this.handler}) : super(size){
    userInteractionEnabled = true;
  }

  @override handleEvent(SpriteBoxEvent event) {
    handler?.call(event); // 判空后调用
    return true;
  }

  @override
  Future<void> paint(Canvas canvas) async {
    applyTransformForPivot(canvas);
    canvas.drawRect(
      Rect.fromLTWH(0.0, 0.0, size.width, size.height),
      Paint()..color = color
    );
  }
}

第二步 修改sprite_game.dart #

class MySpriteGame extends StatelessWidget {
  // 初始化时不传回调
  final _background = SpriteSquare(const Size(400.0, 400.0), const Color(0xFF000000));
  final _whitesquare = SpriteSquare(const Size(200.0, 200.0), const Color(0xFFFFFFFF));

  MySpriteGame({Key? key}) : super(key: key);

  handleEvent(SpriteBoxEvent event) {
    if(!_background.children.contains(_whitesquare)) {
      _background.addChild(_whitesquare);
    }
    return true;
  }

  handleRemoveSelf(SpriteBoxEvent event){
    _whitesquare.removeFromParent();
    return true;
  }

  @override
  Widget build(BuildContext context) {
    // 实例初始化完成后再绑定回调
    _background.handler = handleEvent;
    _whitesquare.handler = handleRemoveSelf;
    return Center(
      child: Container(
        child: SpriteWidget(_background)
      ),
    );
  }
}

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