题记——

穿越云间，无尽的山恋，淹没了悲哀，向着苍茫一片，时间之箭，燃烧着时间苍穹，将希望点燃，却无法追赶，不悲幽暗的躲闪，在夜幕低垂之时，向着心之所向的方向前行。

本文讲述 在Flutter开发中，通过 InkWell 为常用 Widget添加水波纹点击事件效果，以及各种 自定义效果与使用场景分析。

在Flutter 开发中一般使用按钮来实现点击效果，也可以通过 InkWell或者GestureDetector将某个 不具备点击效果的组件（如 Texe、 Image）包起来，然后实现点击效果。

GestureDetector 使用点击无水波纹出现，InkWell可以实现水波纹效果。
正常情况下使用 ：

如果在InkWell的上下都出现的颜色的设置，如上中的Container中如果加入了color:Colors.white,或者是Container中的其他widget设置了coloro属性，这时候InkWell的水波纹效果会无效。

1 widget 设置水波纹点击效果 并设置widget背景

或者 可以使用 Ink来设置，与Material设置color 的区别是，Ink可设置背景的形状样式。

2 圆角widget 设置水波纹点击效果

如果 InkWell 与Ink 不同时设置相同的圆角，例如 lnk 设置的圆角为20，而Ink没有设置,就会出现 矩形的水波纹点击效果

3 圆角widget 设置自定义水波纹颜色点击效果

InkResponse组件也可实现InkWell组件相同的功能，因为InkWell继承于InkResponse，相比之下，InkResponse可以选择控制水波纹以及高亮底色的形状和剪裁效果。基本使用代码如下：

4 圆角widget 设置高亮颜色点击效果

完毕