Flutter自定义DetailsRow组件Callback Function未触发问题

你的DetailsRow组件里，onlinkTap方法存在核心错误——当linkTap不为空时，你只是引用了这个变量，并没有执行这个回调函数。

错误代码片段： #

void onlinkTap() async {
  if (linkTap != null) {
    print('function call1'); // 此处会执行
    linkTap; // 仅引用变量，未调用函数
  } else {
     final Uri url = Uri.parse(link!);
    await openWebBrowser(url);
  }
}

修复后的代码： #

将linkTap改为调用形式，同时推荐使用更安全的空处理语法：

void onlinkTap() async {
  if (linkTap != null) {
    print('function call1');
    linkTap!(); // 调用回调函数
    // 更安全的写法：linkTap?.call();
  } else {
     final Uri url = Uri.parse(link!);
    await openWebBrowser(url);
  }
}

额外优化建议： #

可以直接用空条件调用简化逻辑，省去单独判断的代码：

void onlinkTap() async {
  // 优先执行回调，若无回调则打开链接
  linkTap?.call() ?? () async {
    final Uri url = Uri.parse(link!);
    await openWebBrowser(url);
  }();
}

修改完成后，传入的linkTap回调就能正常触发了，这个问题和使用InkWell还是GestureDetector无关，本质是函数调用的语法错误。

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