Flutter中onTap添加if语句后失效，抛出非预期空值错误如何解决

错误原因 #

• 第一种写法错误：你直接在onTap参数位置执行了onTap()方法，这会导致组件build阶段就触发逻辑，而非点击时触发，同时你将分支判断直接作为参数传入onTap方法属于语法错误，自然会抛出空值异常。
• 第二种写法错误：你自定义了匿名点击函数，但内部没有调用组件传入的onTap回调，同时未处理Function类型的空安全调用问题，也会触发空值报错。

修正步骤 #

1. 首先修正onTap属性的类型声明，避免类型不匹配问题：
   将原代码里的

final Function onTap;

修改为

final VoidCallback onTap;

如果是支持空安全的Flutter版本，可根据实际场景补充required或可空标记?。

2. 替换InkWell的onTap参数为正确写法，逻辑执行完成后调用传入的onTap回调，用call()方法处理空安全调用：

onTap: () {
  if (!isIncrement && quantity > 1) {
    Get.find<ProductController>().setQuantity(false);
    onTap.call();
  } else if (isIncrement) {
    if (quantity < stock) {
      Get.find<ProductController>().setQuantity(true);
      onTap.call();
    } else {
      showCustomSnackBar('out_of_stock'.tr);
      // 库存不足场景如果需要触发外部回调也可以在这里加onTap.call()
    }
  }
},

修改后即可同时保留分支判断逻辑，正常触发点击回调，不会再出现空值报错。

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