Flutter自定义InkWell按钮点击后AlertDialog无法显示问题

你的自定义CalendarButton无法触发showDialog的核心问题是没有实际调用传入的onTap回调函数。

看你的CalendarButton代码里的InkWell部分：

onTap: () {
  widget.onTap;
},

这里只是引用了widget.onTap这个函数变量，但没有执行它，相当于什么都没做。而TextButton的onPressed是直接执行了回调逻辑，所以能正常弹出对话框。

修改方案 #

把InkWell的onTap回调改成调用widget.onTap()，同时要处理onTap为null的情况，避免空指针异常：

InkWell(
  borderRadius: const BorderRadius.all(
    Radius.circular(10.0),
  ),
  onTap: () {
    // 调用传入的onTap回调，先判断是否为null
    widget.onTap?.call();
  },
  // ... 其他代码不变
)

或者更简洁的写法，直接把widget.onTap赋值给onTap（因为InkWell的onTap本身就是VoidCallback?类型）：

InkWell(
  borderRadius: const BorderRadius.all(
    Radius.circular(10.0),
  ),
  onTap: widget.onTap, // 直接传递回调，无需额外包裹
  // ... 其他代码不变
)

这样修改后，点击自定义的CalendarButton就能正常触发showMyDialog弹出对话框了。

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