Flutter中如何在RaisedButton.onPressed中传递带参数的函数引用？

先解决你的困惑：你觉得带括号调用函数却只在按钮按下时执行，大概率是用了匿名函数包裹的写法——看起来是调用带参函数，但其实是把匿名函数的引用传给了按钮的onPressed，只有点击时才会执行这个匿名函数，进而调用你的带参函数。如果直接写onPressed: myFunc(xxx)，页面初始化时就会立刻执行，根本等不到点击。

下面说几种正确的带参数函数引用方式：

1. 匿名函数包裹（最常用） #

这是最直观也最常用的写法，用一个无参的匿名函数把带参函数包起来，把匿名函数的引用传给回调：

ElevatedButton(
  onPressed: () {
    // 点击按钮时才会执行这里的代码
    showMessage('你点击了按钮');
  },
  child: const Text('点击我'),
)

void showMessage(String content) {
  print(content);
}

这里onPressed接收的是VoidCallback类型（也就是void Function()），匿名函数正好符合这个类型，点击时触发匿名函数，再调用你的带参函数。

2. 闭包绑定参数（适合复用） #

如果同一个带参函数要在多个地方用不同参数作为回调，可以写一个闭包函数来生成绑定好参数的回调：

// 定义带参函数
void showMessage(String content) {
  print(content);
}

// 生成绑定参数的回调函数
VoidCallback getMessageHandler(String content) {
  return () => showMessage(content);
}

// 使用时
ElevatedButton(
  onPressed: getMessageHandler('第一个按钮的消息'),
  child: const Text('按钮1'),
),
ElevatedButton(
  onPressed: getMessageHandler('第二个按钮的消息'),
  child: const Text('按钮2'),
),

这里getMessageHandler('xxx')会返回一个已经绑定好参数的无参函数，传给onPressed的是这个函数的引用，点击时才执行。

3. 函数类型适配（针对支持带参回调的场景） #

有些组件的回调本身支持带参数（比如部分列表组件的条目点击回调会传索引），这时候可以直接结合匿名函数传递带参逻辑：

ListView.builder(
  itemCount: 5,
  itemBuilder: (context, index) {
    return ListTile(
      title: Text('条目$index'),
      onTap: () => handleItemTap(index),
    );
  },
)

void handleItemTap(int index) {
  print('点击了第$index个条目');
}

总结一下：

• 不要直接给onPressed传myFunc(xxx)，这会在页面初始化时立刻执行函数；
• 必须把带参函数包装成符合回调类型的函数引用，最常用的就是匿名函数包裹；
• 你之前看到的“带括号却只在点击时执行”，本质是匿名函数的写法，不是直接调用带参函数。

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