Flutter中如何正确传递函数参数？实现按钮点击触发执行

你当前代码的问题在于：answerFunction;这一行只是引用了函数对象，但没有调用它，所以点击按钮时不会触发这个函数。另外如果不小心写成answerFunction()（带括号），又会导致Widget构建阶段就直接执行函数，而非点击按钮时才执行。

下面是两种正确的写法：

写法一：直接传递函数引用（无额外逻辑时） #

如果不需要在按钮点击时执行其他额外代码，可以直接把传递过来的函数赋值给onPressed，注意不要加括号：

class MyButton extends StatelessWidget{
  MyButton({required this.answerFunction});

  final Function() answerFunction;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: TextButton(
          onPressed: answerFunction, // 直接传函数引用，不带括号
          child: Text('click'),
        ),
      ),
    );
  }
}

写法二：在回调中调用函数（需执行额外逻辑时） #

如果需要在点击按钮时同时执行其他操作，就在onPressed的匿名函数里带括号调用传递过来的函数：

class MyButton extends StatelessWidget{
  MyButton({required this.answerFunction});

  final Function() answerFunction;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: TextButton(
          onPressed: (){
            answerFunction(); // 加括号调用函数
            print('do some other stuff here');
          },
          child: Text('click'),
        ),
      ),
    );
  }
}

关键注意点 #

• 绝对不要写成onPressed: answerFunction()，这会让函数在Widget构建时就立即执行，完全不符合点击触发的需求。
• 如果传递的函数需要接收参数，可以定义对应参数类型的函数，比如final Function(String) answerFunction;，调用时传入对应参数即可。

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