Flutter中使用VoidCallback定义GetAnswer属性时报错，如何解决？

首先，咱们先从Dart的编码规范说起：变量和函数名推荐用小驼峰命名法（lowerCamelCase），类名用大驼峰，所以你代码里的GetAnswer建议改成getAnswer——这虽然不是报错的直接原因，但能让代码更易读，避免和类名混淆。

回到你的报错问题（结合这类场景的常见错误），大概率是调用Answer组件时传递的函数不符合VoidCallback的类型要求。VoidCallback是Flutter内置的函数类型，本质是typedef VoidCallback = void Function();——也就是一个无参数、无返回值的函数。

修正后的正确代码示例 #

import 'package:flutter/material.dart';

class Answer extends StatelessWidget {
  // 改成小驼峰命名，符合编码规范
  final VoidCallback getAnswer;

  // 如果你使用Flutter 2.0+的空安全版本，必须加required关键字确保参数必传
  const Answer({required this.getAnswer});

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      child: RaisedButton(
        color: Colors.blue,
        child: const Text("4 CGPA"),
        // 直接将getAnswer传给onPressed，完全符合VoidCallback要求
        onPressed: getAnswer,
      ),
    );
  }
}

调用组件时的关键注意事项 #

在父组件中调用Answer时，必须传递一个无参无返回的函数，比如：

// 正确示例：传递匿名无参函数
Answer(getAnswer: () {
  print("按钮被点击了！");
  // 这里可以写你的业务逻辑，比如更新页面状态、跳转页面等
})

如果你的业务需要给回调传递参数（比如把按钮文本传给父组件），那VoidCallback就不适用了，这时候需要自定义函数类型：

// 自定义带参数的回调类型
typedef AnswerCallback = void Function(String answerText);

class Answer extends StatelessWidget {
  final AnswerCallback getAnswer;

  const Answer({required this.getAnswer});

  @override
  Widget build(BuildContext context) {
    const answerText = "4 CGPA";
    return Container(
      width: double.infinity,
      child: RaisedButton(
        color: Colors.blue,
        child: Text(answerText),
        // 调用回调时传递参数
        onPressed: () => getAnswer(answerText),
      ),
    );
  }
}

调用这个版本的Answer时，就能接收传递的参数了：

Answer(getAnswer: (text) {
  print("点击了按钮：$text");
})

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