为何Flutter中带参数的onTap函数未点击就自动执行？

核心问题：直接调用 vs 传递函数引用 #

当你写：

onTap: _printgesture('Tap Detected'),

这行代码在Widget构建阶段就直接执行了_printgesture('Tap Detected')，然后把这个函数的返回值（这里是void，也就是null）赋值给了onTap。所以组件一渲染，函数就自动跑了，根本等不到点击事件。

为什么匿名函数能正常工作？ #

换成匿名函数：

onTap: () {
  _printgesture('Tap Detected');
},

这里你传递给onTap的是一个未被执行的函数对象，它的类型刚好是Flutter要求的VoidCallback（无参、返回值为void的函数）。只有当用户触发点击事件时，Flutter才会调用这个匿名函数，进而执行里面的_printgesture逻辑。

本质原因：回调的类型要求 #

InkWell的onTap参数必须接收一个无参、返回值为void的函数。你直接调用带参数的_printgesture时，得到的是函数执行后的结果（void），而非函数本身；而匿名函数相当于把带参数的调用逻辑包装成了符合要求的无参回调，只有触发时才会执行内部代码。

你的代码对比 #

原问题代码：

String _gesture = 'No Gesture Detected';
_printgesture(var gestureName) {
  setState(() {
    _gesture = gestureName;
    print("PRINTGESTURE FUNCTION CALLED");
  });
}

InkWell(
     onTap: _printgesture('Tap Detected'), // 构建时直接执行
     // onTap: () {
     //   _printgesture('Tap Detected'); // 点击时才执行
     // },
     child: Icon(Icons.dangerous_rounded, size: 300),
),

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