Flutter带参数Void函数传递给无状态Widget时执行报错求助

错误原因 #

报错核心是闭包调用时参数不匹配，根源在两个关键点：

1. Answer组件错误执行函数：onPressed: pressHandler() 会在build阶段立即调用pressHandler，而非将函数引用传递给按钮点击回调。onPressed要求接收无参的VoidCallback，直接执行函数会导致闭包调用逻辑混乱。
2. 函数类型定义模糊：使用泛型Function作为类型会弱化类型检查，容易引发参数匹配问题。

修复步骤 #

1. 修正Answer组件的点击回调逻辑

修改Answer.dart，将onPressed的函数调用改为传递函数引用，同时把模糊的Function替换为明确的VoidCallback类型：

import 'package:flutter/material.dart';

class Answer extends StatelessWidget {
  final String buttonText;
  final VoidCallback pressHandler; // 明确为无参回调类型

  const Answer(this.pressHandler, this.buttonText, {Key? key})
      : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      margin: const EdgeInsets.all(5),
      child: ElevatedButton(
        style: ButtonStyle(
          backgroundColor: MaterialStateProperty.all(Colors.blue),
        ),
        onPressed: pressHandler, // 去掉括号，传递函数引用而非执行函数
        child: Text(
          buttonText,
          style: const TextStyle(color: Colors.white),
        ),
      ),
    );
  }
}

2. 强化Quiz组件的类型安全性

在Quiz.dart中，将pressHandler的类型明确为带int参数的函数，同时确保answer['score']被正确转换为int类型：

import 'package:app_1_starter/answer.dart';
import 'package:app_1_starter/question.dart';
import 'package:flutter/material.dart';

class Quiz extends StatelessWidget {
  final int index;
  final List<Map<String, Object>> questions;
  final void Function(int) pressHandler; // 明确函数参数类型

  const Quiz(
      {Key? key,
      required this.questions,
      required this.index,
      required this.pressHandler})
      : super(key: key);

  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      child: Column(
        children: <Widget>[
          Question(questions[index]['question'] as String),
          ...(questions[index]['answers'] as List<Map<String, Object>>)
              .map((answer) {
            return Answer(
              () => pressHandler(answer['score'] as int), // 强制转换为int类型
              answer['text'] as String,
            );
          }).toList(),
        ],
      ),
    );
  }
}

3. 确认主组件的函数传递方式

在主组件中传递_answerQuestion给Quiz时，直接传递函数引用即可：

// 示例：主组件build方法中调用Quiz
Quiz(
  questions: yourQuestionsData,
  index: _questionIndex,
  pressHandler: _answerQuestion, // 直接传递函数引用
)

修复逻辑说明 #

• onPressed要求接收无参、返回值为void的函数，我们传递的闭包() => pressHandler(answer['score'] as int)正好符合这个要求，它本身不需要参数，内部会调用带int参数的_answerQuestion。
• 明确函数类型可以在编译阶段就发现类型错误，避免运行时出现闭包参数不匹配的问题。

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