Flutter中如何禁用InkWell的点击功能？

如果你不想通过onTap里的条件判断来控制点击，有以下几种直接让InkWell完全不可点击的方式：

• 使用IgnorePointer包裹：该组件会让子组件忽略所有触摸交互，点击事件不会传递到InkWell上。

  IgnorePointer(
    ignoring: true, // 设为true时禁用点击
    child: InkWell(
      onTap: () {
        // 此回调永远不会触发
      },
      child: const Text('不可点击的按钮'),
    ),
  )
  

• 使用AbsorbPointer包裹：和IgnorePointer类似，但它会吸收触摸事件，阻止事件传递到下层的其他组件。

  AbsorbPointer(
    absorbing: true, // 设为true时禁用点击
    child: InkWell(
      onTap: () {},
      child: const Text('不可点击的按钮'),
    ),
  )
  

• 直接将onTap设为null：这是最简洁的方式，InkWell本身会失去点击响应能力，同时也不会触发水波纹效果。

  InkWell(
    onTap: null, // 禁用点击
    child: const Text('不可点击的按钮'),
  )
  

三者的区别：

• IgnorePointer仅让自身子组件忽略点击，下层组件仍可响应；AbsorbPointer会拦截所有触摸事件，下层组件也无法触发交互。
• 设onTap为null是针对InkWell本身的禁用，不需要额外包裹组件，代码更简洁。

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